/* Bilbao - HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Main Slider
3. Page Title
4. Welcome Services
5. About Us
6. Recent Cause
7. Funfacts
8. Mission
9. Event
10. Team
11. Parallax
12. Testimonial
13. Blog
14. Call to action
15. Footer


**********************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800|Poppins:400,400i,500,600,700');

/*font-family: 'Poppins', sans-serif;
font-family: 'Open Sans', sans-serif;*/

@import url('font-awesome-all.css');
@import url('flaticon.css');
@import url('bootstrap.css');
@import url('global.css');
@import url('jquery.fancybox.min.css');
@import url('animate.css');
@import url('hover.css');
@import url('owl.css');
@import url('custom-animate.css');




/*
================================== 
1.section title 
==================================
*/

.sec-title { position: relative; margin-bottom: 50px; }

    .sec-title.small { margin-bottom: 35px; }

    .sec-title h1 { font-size: 35px; font-weight: 600; line-height: 1.1em; padding-bottom: 40px; margin-bottom: 30px; }

        .sec-title h1:before { position: absolute; left: 0; bottom: 0; width: 110px; height: 19px; content: ""; background-image: url(../images/icons/devider.png); }

    .sec-title.light h1:before { background-image: url(../images/icons/devider-light.png); }

    .sec-title.centered h1:before { right: 0; margin: 0 auto; }

    .sec-title.light h1 { color: #fff; }

    .sec-title h3 { font-size: 25px; font-weight: 600; line-height: 1.1em; margin-bottom: 20px; }

    .sec-title.light h3 { color: #fff; }

    .sec-title.light .text { color: #fff; }

    .sec-title.centered { text-align: center; }

    .sec-title .text { margin-top: 15px; color: #888; max-width: 960px; }

    .sec-title.centered .text { margin: 0 auto; }

    .sec-title.style-two { margin-bottom: 40px; }

.welcome-title { text-align: center; margin-bottom: 40px; }

    .welcome-title h2 { text-align: center; font-size: 30px; margin-bottom: 10px; font-weight: 600; }

/* inner page title */

.inner-page-title { position: relative; margin-bottom: 30px; padding-bottom: 20px; }

    .inner-page-title h4 { font-size: 22px; color: #000000; font-weight: 500; line-height: 1.2em; text-transform: capitalize; }

    .inner-page-title:before { position: absolute; content: ''; background: #ddd; height: 1px; width: 100%; bottom: 0; }

    .inner-page-title:after { position: absolute; content: ''; background: #51dc3c; height: 2px; width: 40px; bottom: 0; }

/*
================================== 
btn Style One 
==================================
*/

.btn-style-one { position: relative; padding: 13px 40px; line-height: 24px; color: #222; text-align: center; display: inline-block; font-size: 16px; font-weight: 600; cursor: pointer; background: #51dc3c; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #51dc3c; font-family: 'Poppins', sans-serif; }

    .btn-style-one:hover { color: #ffffff; background: #101010; border-color: #101010; }

/*Btn Style One*/

.btn-style-two { position: relative; padding: 11px 40px; border-radius: 25px; line-height: 24px; color: #ffffff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: #51dc3c; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #51dc3c; font-family: 'Poppins', sans-serif; }

    .btn-style-two:hover { color: #ffffff; background: #101010; border-color: #101010; }

/* Btn Style three */

.btn-style-three { position: relative; padding: 11px 40px; line-height: 24px; color: #51dc3c; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #51dc3c; font-family: 'Poppins', sans-serif; }

    .btn-style-three:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style four*/

.btn-style-four { position: relative; padding: 11px 40px; line-height: 24px; border-radius: 25px; color: #51dc3c; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #51dc3c; font-family: 'Poppins', sans-serif; }

    .btn-style-four:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style five*/

.btn-style-five { position: relative; padding: 11px 40px; line-height: 24px; color: #51dc3c; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: #ffffff; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #ffffff; font-family: 'Poppins', sans-serif; }

    .btn-style-five:hover { color: #ffffff; background: #51dc3c; border-color: #51dc3c; }

/*Btn Style six*/

.btn-style-six { position: relative; padding: 11px 40px; line-height: 24px; color: #222; text-align: center; border-radius: 25px; display: inline-block; font-size: 14px; font-weight: 700; background: #fff; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #ffffff; font-family: 'Poppins', sans-serif; }

    .btn-style-six:hover { color: #ffffff; background: #51dc3c; border-color: #51dc3c; }

/*Btn Style seven*/

.btn-style-seven { position: relative; padding: 11px 40px; line-height: 24px; color: #fff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #fff; font-family: 'Poppins', sans-serif; }

    .btn-style-seven:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style eight*/

.btn-style-eight { position: relative; padding: 11px 40px; line-height: 24px; border-radius: 25px; color: #fff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #fff; font-family: 'Poppins', sans-serif; }

    .btn-style-eight:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style nine*/

.btn-style-nine { position: relative; padding: 11px 40px; line-height: 24px; color: #ffffff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: #192546; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #192546; font-family: 'Poppins', sans-serif; }

    .btn-style-nine:hover { color: #ffffff; background: #51dc3c; border-color: #51dc3c; }

/*Btn Style ten*/

.btn-style-ten { position: relative; padding: 11px 40px; line-height: 24px; color: #51dc3c; text-align: center; border-radius: 25px; display: inline-block; font-size: 14px; font-weight: 700; background: #f7f7f7; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #f7f7f7; font-family: 'Poppins', sans-serif; }

    .btn-style-ten:hover { color: #ffffff; background: #51dc3c; border-color: #51dc3c; }

/*Btn Style eleven*/

.btn-style-eleven { position: relative; padding: 11px 40px; line-height: 24px; color: #fff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid rgba(255, 255, 255, 0.5); font-family: 'Poppins', sans-serif; }

    .btn-style-eleven:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style twelve*/

.btn-style-twelve { position: relative; padding: 11px 40px; line-height: 24px; border-radius: 25px; color: #fff; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #fff; font-family: 'Poppins', sans-serif; }

    .btn-style-twelve:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style thirteen*/

.btn-style-thirteen { position: relative; padding: 11px 40px; line-height: 24px; color: #222; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #ebebeb; font-family: 'Open Sans', sans-serif; cursor: pointer; }

    .btn-style-thirteen:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style fourteen*/

.btn-style-fourteen { position: relative; padding: 11px 40px; line-height: 24px; border-radius: 25px; color: #222; text-align: center; display: inline-block; font-size: 14px; font-weight: 700; background: none; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #222; font-family: 'Poppins', sans-serif; }

    .btn-style-fourteen:hover { color: #ffffff; border-color: #51dc3c; background-color: #51dc3c; }

/*Btn Style fifteen*/

.btn-style-fifteen { position: relative; padding: 0px 12px; line-height: 25px; color: #ffffff; text-align: center; display: inline-block; font-size: 12px; font-weight: 600; background: #51dc3c; border-radius: 12px; letter-spacing: 1px; text-transform: uppercase; border: 2px solid #51dc3c; font-family: 'Poppins', sans-serif; }

    .btn-style-fifteen:hover { color: #51dc3c; background: transparent; border-color: #51dc3c; }

/*
================================== 
3.list style
==================================
*/

.list-style-one { position: relative; }

    .list-style-one li { position: relative; color: #111; font-size: 18px; font-weight: 400; padding-left: 28px; margin-bottom: 15px; }

        .list-style-one li:before { position: absolute; content: '\f046'; left: 0px; top: 0px; font-size: 16px; color: #111; font-family: 'Font Awesome 5 Free'; }

/*List Style Two*/

.list-style-two { position: relative; margin-bottom: 30px; }

    .list-style-two li { position: relative; color: #222; font-size: 16px; font-weight: 400; padding-left: 16px; margin-bottom: 6px; }

        .list-style-two li:before { position: absolute; content: "\f105"; left: 0px; top: 0; font-family: 'Font Awesome 5 Free'; color: #51dc3c; font-size: 16px; }

/*List Style Three*/

.list-style-three { position: relative; margin-bottom: 30px; }

    .list-style-three li { position: relative; color: #848484; font-size: 16px; font-weight: 300; padding-left: 20px; margin-bottom: 6px; }

        .list-style-three li:before { position: absolute; content: ''; left: 0px; top: 10px; width: 7px; height: 7px; border-radius: 50%; background-color: #51dc3c; font-family: 'Font Awesome 5 Free'; }

        .list-style-three li:nth-child(2):before { background-color: #fd5075; }

        .list-style-three li:nth-child(3):before { background-color: #11e6a2; }

/*List Style four*/

.list-style-four { position: relative; }

    .list-style-four li { position: relative; margin-bottom: 12px; color: #848484; font-size: 14px; font-weight: 400; padding-left: 35px; line-height: 2em; }

        .list-style-four li i { position: absolute; left: 0px; top: 4px; color: #51dc3c; font-size: 22px; line-height: 1.2em; }

/*List Style five*/

.list-style-five { position: relative; }

    .list-style-five li { position: relative; color: #ffffff; font-size: 16px; font-weight: 300; padding-left: 28px; margin-bottom: 10px; }

        .list-style-five li:before { position: absolute; content: '\f192'; left: 0px; top: 0px; font-size: 16px; color: #51dc3c; font-family: 'Font Awesome 5 Free'; }

/*
================================== 
4.social icon
==================================
*/

/* social icon one */

.social-icon-one { position: relative; }

    .social-icon-one li { position: relative; margin: 0 7px; display: inline-block; }

        .social-icon-one li a { position: relative; color: #666; font-size: 16px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-one li a:hover { color: #51dc3c; }

/*Social Icon Two*/

.social-icon-two { position: relative; }

    .social-icon-two li { position: relative; margin: 0 7px; display: inline-block; }

        .social-icon-two li a { position: relative; color: #51dc3c; font-size: 16px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-two li a:hover { color: #51dc3c; }

/*Social Icon Three*/

.social-icon-three { position: relative; }

    .social-icon-three li { position: relative; margin-right: 10px; display: inline-block; }

        .social-icon-three li a { position: relative; width: 40px; height: 40px; color: #848484; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; background: #f4f4f4; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-three li a:hover { color: #ffffff; background-color: #51dc3c; }

/*Social Icon Four*/

.social-icon-four { position: relative; }

    .social-icon-four li { position: relative; margin-right: 10px; margin-bottom: 10px; display: inline-block; }

        .social-icon-four li a { position: relative; width: 40px; height: 40px; color: #51dc3c; font-size: 16px; line-height: 40px; text-align: center; border-radius: 50%; display: inline-block; background: #f4f4f4; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-four li a:hover { color: #ffffff; background-color: #51dc3c; }

/*Social Icon Five*/

.social-icon-five { position: relative; }

    .social-icon-five li { position: relative; margin-right: 10px; margin-bottom: 10px; display: inline-block; }

        .social-icon-five li a { position: relative; width: 40px; height: 40px; color: #848484; font-size: 16px; line-height: 38px; text-align: center; border-radius: 50%; display: inline-block; border: 1px solid #eee; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-five li a:hover { color: #ffffff; background-color: #51dc3c; }

/*Social Icon Six*/

.social-icon-six { position: relative; }

    .social-icon-six li { position: relative; margin-right: 10px; margin-bottom: 10px; display: inline-block; }

        .social-icon-six li a { position: relative; width: 40px; height: 40px; color: #51dc3c; font-size: 16px; line-height: 38px; text-align: center; border-radius: 50%; display: inline-block; border: 1px solid #eee; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-six li a:hover { color: #ffffff; background-color: #51dc3c; }

/* social icon seven */

.social-icon-seven { position: relative; }

    .social-icon-seven li { position: relative; margin: 0 7px; display: inline-block; }

        .social-icon-seven li a { position: relative; color: #fff; font-size: 16px; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-seven li a:hover { color: #51dc3c; }

/*social icon eight*/

.social-icon-eight { position: relative; }

    .social-icon-eight li { position: relative; margin-right: 10px; margin-bottom: 10px; display: inline-block; }

        .social-icon-eight li a { position: relative; width: 40px; height: 40px; color: #ffffff; font-size: 16px; line-height: 38px; text-align: center; border-radius: 50%; display: inline-block; border: 1px solid #fff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; }

            .social-icon-eight li a:hover { color: #ffffff; background-color: #51dc3c; border-color: #51dc3c; }

/* social-icon nine */

.social-icon-nine { display: flex; flex-wrap: wrap; }

    .social-icon-nine li { margin: 0 7px; }

    .social-icon-nine .fa { font-size: 16px; width: 40px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; margin: 5px 2px; }

        .social-icon-nine .fa:hover { opacity: 0.7; }

    .social-icon-nine .fa-facebook { background: #3B5998; color: white; }

    .social-icon-nine .fa-twitter { background: #55ACEE; color: white; }

    .social-icon-nine .fa-google { background: #dd4b39; color: white; }

    .social-icon-nine .fa-linkedin { background: #007bb5; color: white; }

    .social-icon-nine .fa-youtube { background: #bb0000; color: white; }

    .social-icon-nine .fa-instagram { background: #125688; color: white; }

    .social-icon-nine .fa-pinterest { background: #cb2027; color: white; }

    .social-icon-nine .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

    .social-icon-nine .fa-skype { background: #00aff0; color: white; }

    .social-icon-nine .fa-android { background: #a4c639; color: white; }

    .social-icon-nine .fa-dribbble { background: #ea4c89; color: white; }

    .social-icon-nine .fa-vimeo { background: #45bbff; color: white; }

    .social-icon-nine .fa-tumblr { background: #2c4762; color: white; }

    .social-icon-nine .fa-vine { background: #00b489; color: white; }

    .social-icon-nine .fa-foursquare { background: #45bbff; color: white; }

    .social-icon-nine .fa-stumbleupon { background: #eb4924; color: white; }

    .social-icon-nine .fa-flickr { background: #f40083; color: white; }

    .social-icon-nine .fa-yahoo { background: #430297; color: white; }

    .social-icon-nine .fa-soundcloud { background: #ff5500; color: white; }

    .social-icon-nine .fa-reddit { background: #ff5700; color: white; }

    .social-icon-nine .fa-rss { background: #ff6600; color: white; }

/* Social-icon Fourteen */

.social-icon-ten { display: flex; flex-wrap: wrap; }

    .social-icon-ten li { margin: 0 7px; }

    .social-icon-ten .fa { font-size: 16px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; text-align: center; text-decoration: none; margin: 5px 2px; }

        .social-icon-ten .fa:hover { opacity: 0.7; }

    .social-icon-ten .fa-facebook { background: #3B5998; color: white; }

    .social-icon-ten .fa-twitter { background: #55ACEE; color: white; }

    .social-icon-ten .fa-google { background: #dd4b39; color: white; }

    .social-icon-ten .fa-linkedin { background: #007bb5; color: white; }

    .social-icon-ten .fa-youtube { background: #bb0000; color: white; }

    .social-icon-ten .fa-instagram { background: #125688; color: white; }

    .social-icon-ten .fa-pinterest { background: #cb2027; color: white; }

    .social-icon-ten .fa-snapchat-ghost { background: #fffc00; color: white; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

    .social-icon-ten .fa-skype { background: #00aff0; color: white; }

    .social-icon-ten .fa-android { background: #a4c639; color: white; }

    .social-icon-ten .fa-dribbble { background: #ea4c89; color: white; }

    .social-icon-ten .fa-vimeo { background: #45bbff; color: white; }

    .social-icon-ten .fa-tumblr { background: #2c4762; color: white; }

    .social-icon-ten .fa-vine { background: #00b489; color: white; }

    .social-icon-ten .fa-foursquare { background: #45bbff; color: white; }

    .social-icon-ten .fa-stumbleupon { background: #eb4924; color: white; }

    .social-icon-ten .fa-flickr { background: #f40083; color: white; }

    .social-icon-ten .fa-yahoo { background: #430297; color: white; }

    .social-icon-ten .fa-soundcloud { background: #ff5500; color: white; }

    .social-icon-ten .fa-reddit { background: #ff5700; color: white; }

    .social-icon-ten .fa-rss { background: #ff6600; color: white; }

/*
================================== 
6.tab style
==================================
*/

.default-tabs { position: relative; }

    .default-tabs.style-three { border: 1px solid #f4f4f4; }

    .default-tabs nav { overflow: auto; -webkit-overflow-scrolling: touch; background: #f8f7ee; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); }

@media only screen and (min-width: 768px) {
    .default-tabs nav { position: absolute; top: 0; left: 0; height: 100%; box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06); z-index: 1; }
}

@media only screen and (min-width: 960px) {
    .default-tabs nav { position: relative; float: none; background: transparent; box-shadow: none; }
}

.default-tabs-navigation { width: 360px; }

    .default-tabs-navigation:after { content: ""; display: table; clear: both; }

    .default-tabs-navigation li { float: left; }

    .default-tabs-navigation a { position: relative; display: block; height: 60px; width: 60px; text-align: center; font-size: 12px; font-size: 0.75rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; color: #848484; padding-top: 34px; }

.no-touch .default-tabs-navigation a:hover { color: #29324e; background-color: rgba(233, 230, 202, 0.3); }

.default-tabs-navigation a.selected { background-color: #ffffff !important; box-shadow: inset 0 2px 0 #f05451; color: #29324e; }

@media only screen and (min-width: 768px) {
    .default-tabs-navigation { /* move the nav to the left on medium sized devices */ width: 80px; float: left; }
        .default-tabs-navigation a { height: 80px; width: 80px; padding-top: 46px; }
            .default-tabs-navigation a.selected { box-shadow: inset 2px 0 0 #51dc3c; }
            .default-tabs-navigation a::before { top: 22px; }
}

@media only screen and (min-width: 960px) {
    .default-tabs-navigation { /* tabbed on top on big devices */ width: auto; background-color: #f8f7ee; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); }
        .default-tabs-navigation a { height: 60px; line-height: 60px; width: auto; text-align: left; font-size: 15px; padding: 0 2.8em 0 4.6em; }
            .default-tabs-navigation a.selected { box-shadow: inset 0 2px 0 #f05451; }
            .default-tabs-navigation a::before { top: 50%; margin-top: -10px; margin-left: 0; left: 38px; }
}

.default-tabs-content { background: #ffffff; }

    .default-tabs-content li { display: none; padding: 1.4em; border: 1px solid #f0f0f0; }

        .default-tabs-content li.selected { display: block; -webkit-animation: default-fade-in 0.5s; -moz-animation: default-fade-in 0.5s; animation: default-fade-in 0.5s; }

        .default-tabs-content li p { font-size: 14px; font-size: 0.875rem; line-height: 1.6; color: #848484; margin-bottom: 2em; }

@media only screen and (min-width: 768px) {
    .default-tabs-content { min-height: 480px; }
        .default-tabs-content li { padding: 2em 2em 2em 7em; }
}

@media only screen and (min-width: 960px) {
    .default-tabs-content { min-height: 0; }
        .default-tabs-content li { padding: 3em; }
            .default-tabs-content li p { font-size: 16px; }
}

@-webkit-keyframes default-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes default-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes default-fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

/*
================================== 
7.accordion style 
==================================
*/

.accordion-box { position: relative; border: 1px solid #efefef; }

    .accordion-box .block { position: relative; padding: 19px 20px; }

        .accordion-box .block:last-child { margin-bottom: 0px; border: 0px; }

        .accordion-box .block .acc-btn { position: relative; padding: 20px 25px; padding-right: 55px; font-size: 18px; background: #fff; cursor: pointer; line-height: 1.2em; color: #222222; font-weight: 400; transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; font-family: 'Poppins', sans-serif; }

            .accordion-box .block .acc-btn .count { color: #51dc3c; }

        .accordion-box .block .icon-outer { position: absolute; right: 20px; border: 1px solid #d5d5d5; top: 15px; font-size: 16px; text-align: center; width: 30px; border-radius: 50%; height: 30px; color: #51dc3c; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

            .accordion-box .block .icon-outer .icon { position: absolute; top: 0; left: 50%; transform: translate(-50%); font-size: 12px; color: #51dc3c; font-weight: 700; font-size: 12px; line-height: 30px; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

            .accordion-box .block .icon-outer .icon_plus { opacity: 1; }

            .accordion-box .block .icon-outer .icon_minus { opacity: 0; color: #51dc3c; }

        .accordion-box .block .acc-btn.active .icon-outer .icon_minus { opacity: 1; }

        .accordion-box .block .acc-btn.active .icon-outer .icon_plus { opacity: 0; }

        .accordion-box .block .acc-btn.active .icon-outer { color: #11da61; }

        .accordion-box .block .acc-content { position: relative; display: none; }

            .accordion-box .block .acc-content .content-text { padding-bottom: 6px; }

            .accordion-box .block .acc-content.current { display: block; }

        .accordion-box .block .content { position: relative; font-size: 14px; padding: 30px 60px 15px; }

            .accordion-box .block .content p { margin-bottom: 20px; line-height: 1.8em; font-size: 16px; color: #848484; font-weight: 300; }

                .accordion-box .block .content p:last-child { margin-bottom: 0px; }

    /*Accordian Style Two*/

    .accordion-box.style-two { border: 0px; }

        .accordion-box.style-two .block { margin-bottom: 10px; padding: 0; }

            .accordion-box.style-two .block .acc-btn { color: #333; }

            .accordion-box.style-two .block .content p { font-size: 16px; line-height: 1.9em; }

    /*Accordian Style Three*/

    .accordion-box.style-three { position: relative; padding-left: 30px; padding-right: 30px; margin-bottom: 70px; }

        .accordion-box.style-three .block { padding-left: 0px; }

            .accordion-box.style-three .block .acc-btn { font-weight: 400; }

            .accordion-box.style-three .block .icon-outer { right: 0px; }

    /*Accordian Style Four*/

    .accordion-box.style-four { border: 0px; }

        .accordion-box.style-four .block { border: 0px; padding: 0px; margin-bottom: 10px; }

            .accordion-box.style-four .block .acc-btn { padding: 13px 20px; background-color: #f7f7f7; }

            .accordion-box.style-four .block .icon-outer .icon { font-size: 20px; margin-top: -20px; }

            .accordion-box.style-four .block .icon-outer { right: 30px; top: 36px; }

            .accordion-box.style-four .block .acc-btn.active .icon-outer .icon_plus { opacity: 1; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); }

            .accordion-box.style-four .block .content { padding: 20px 20px; border: 1px solid #f4f4f4; border-top: 0px; }

    /*Accordian Style Five*/

    .accordion-box.style-five { position: relative; padding: 0px 30px; border: 0px; background-color: #f7f7f7; }

        .accordion-box.style-five .block { padding: 0px 0px; }

            .accordion-box.style-five .block:last-child .acc-content { padding-bottom: 25px; }

            .accordion-box.style-five .block .acc-btn { padding-right: 0px; padding-left: 40px; padding-top: 19px; padding-bottom: 19px; }

                .accordion-box.style-five .block .acc-btn.active { color: #51dc3c; }

                    .accordion-box.style-five .block .acc-btn.active .icon-outer { background-color: #51dc3c; }

            .accordion-box.style-five .block .icon-outer { left: 0px; top: 50%; right: auto; width: 20px; height: 20px; color: #ffffff; line-height: 21px; border-radius: 50%; text-align: center; margin-top: -10px; background-color: #cccccc; }

                .accordion-box.style-five .block .icon-outer .icon { left: 0px; top: 19px; width: 20px; height: 20px; color: #ffffff; }

            .accordion-box.style-five .block .content { background-color: #ffffff; margin-top: 0px; padding: 25px 40px; }

/*
================================== 
8.page pagination
==================================
*/

.page_pagination { text-align: center; margin-bottom: 50px; }

    .page_pagination li { display: inline-block; margin: 0 10px; }

        .page_pagination li a { display: block; text-align: center; color: #000000; font-size: 18px; font-weight: 500; font-family: 'Poppins', sans-serif; }

            .page_pagination li a.active,
            .page_pagination li a:hover { color: #51dc3c; }

/*style tow*/

.page_pagination_two { text-align: center; margin-bottom: 50px; }

    .page_pagination_two li { display: inline-block; margin: 0 4px; }

        .page_pagination_two li a { width: 55px; height: 55px; line-height: 55px; display: block; border-radius: 10px; border: 1px solid rgba(229, 229, 229, 0.57); text-align: center; color: #848484; font-size: 18px; }

            .page_pagination_two li a.active,
            .page_pagination_two li a:hover { color: #fff; background: #51dc3c; }

/*style three*/

.page_pagination_three { text-align: center; margin-bottom: 50px; }

    .page_pagination_three li { display: inline-block; margin: 0 4px; }

        .page_pagination_three li a { width: 55px; height: 55px; line-height: 55px; border-radius: 50%; display: block; text-align: center; background: #f7f8f9; color: #333; font-size: 18px; font-weight: 700; }

            .page_pagination_three li a.active,
            .page_pagination_three li a:hover { color: #fff; background: #51dc3c; }

/*
================================== 
9.filter style
==================================
*/

.filter-tabs { display: flex; flex-wrap: wrap; margin: 0; margin-bottom: 40px; justify-content: center; }

    .filter-tabs li { padding: 0; margin: 0px 20px 0px; }

        .filter-tabs li:last-child { margin-left: 0px; }

        .filter-tabs li.active { }

        .filter-tabs li span { color: #222; font-size: 15px; font-weight: 400; line-height: 26px; border-radius: 22px; font-family: 'Poppins', sans-serif; display: block; cursor: pointer; transition: .5s ease; }

        .filter-tabs li:last-child span { border-right: 0px; }

    .filter-tabs.style-2 li span { color: #fff; }

    .filter-tabs li:hover span,
    .filter-tabs li.active span { color: #51dc3c; transition: .5s ease; }

    .filter-tabs li span i { font-size: 14px; margin-right: 5px; }

/* style two */
.filter-tabs-two { display: flex; flex-wrap: wrap; margin: 0; margin-bottom: 40px; justify-content: center; }

    .filter-tabs-two li { padding: 0; margin: 0px 7px 10px; }

        .filter-tabs-two li.active { }

        .filter-tabs-two li span { color: #464646; font-size: 16px; font-weight: 400; line-height: 26px; padding: 8px 25px; background: #e6e8eb; border-radius: 22px; font-family: 'Poppins', sans-serif; display: block; cursor: pointer; transition: .5s ease; }

        .filter-tabs-two li:last-child span { border-right: 0px; }

        .filter-tabs-two li:hover span,
        .filter-tabs-two li.active span { color: #ffffff; background: #51dc3c; border-color: #51dc3c; transition: .5s ease; }

        .filter-tabs-two li span i { font-size: 14px; margin-right: 5px; }

/*
================================== 
10.video box
==================================
*/

.video-image-box .image { position: relative; border-radius: 10px; overflow: hidden; }

.video-image-box img { display: block; width: 100%; }

.video-image-box .image .overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; display: flex; height: 100%; font-size: 50px; align-items: center; justify-content: center; z-index: 9; color: #51dc3c; text-align: center; background: rgba(0, 0, 0, 0.50); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

    .video-image-box .image .overlay-link:hover { background: rgba(0, 0, 0, 0.30); }

.video-image-box .overlay-link span { height: 81px; width: 81px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 80px; font-size: 30px; padding-left: 6px; }

/* video-box */

.default-video-box { margin-bottom: 40px; }

    .default-video-box a { color: #fff; font-size: 60px; position: relative; display: inline-block; }


.video-image-box .ripple,
.video-image-box .ripple:before,
.video-image-box .ripple:after { position: absolute; left: 50%; top: 50%; height: 80px; width: 80px; margin-top: -40px; margin-left: -40px; border-radius: 50%; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64); -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64); -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.64); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; }

    .video-image-box .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; right: 0; bottom: 0; }

    .video-image-box .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; right: 0; bottom: 0; }

@-webkit-keyframes ripple {
    70% { -webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0); box-shadow: 0 0 0 70px rgba(244, 68, 56, .0); }
    100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); }
}

@keyframes ripple {
    70% { -webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0); box-shadow: 0 0 0 70px rgba(244, 68, 56, .0); }
    100% { -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); box-shadow: 0 0 0 0 rgba(244, 68, 56, .0); }
}



/*** 

====================================================================
  Main Header style
====================================================================

***/

.main-header { position: relative; left: 0px; top: 0px; z-index: 999; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

/*======== Header top ===========*/

.header-top { position: relative; font-size: 13px; padding: 13.5px 0px; background: #192546; }

    .header-top .social-links a { position: relative; display: inline-block; font-size: 13px; font-weight: normal; color: #fff; padding: 0px 10px; line-height: 26px; }

        .header-top .social-links a:last-child { padding-right: 0px; }

    .header-top a:hover { color: #51dc3c; }

    .header-top .top-right { position: relative; }

        .header-top .top-right:before { position: absolute; content: ''; background-color: #51dc3c; left: -100px; top: -14px; height: 55px; width: 500000%; transform: skewX(-25deg); border-left: 8px solid #fff; }

    .header-top .topbar-info { position: relative; margin: 0 -15px; top: -2px; }

        .header-top .topbar-info li { display: inline-block; border-right: 1px solid #222; line-height: 1em; padding: 0 15px; }

            .header-top .topbar-info li:last-child { border-right: 0px; }

            .header-top .topbar-info li a { color: #222; font-size: 14px; }

@media only screen and (max-width: 767px) {
    .header-top .top-left,
    .header-top .top-right { width: 100%; text-align: center; }
}

/*======== Header info ===========*/

.header-info { }

    .header-info .main-logo a { display: block; line-height: inherit; height: inherit; padding: 0; }

.header-contact-info { overflow: hidden; margin-top: 25px; }

    .header-contact-info ul li { display: inline-block; float: left; margin: 9px 2px; margin-right: 45px; padding-left: 45px; position: relative; }

        .header-contact-info ul li:last-child { margin-right: 0; border-right: none; padding-right: 0; }

        .header-contact-info ul li .iocn-holder { position: absolute; left: 0; top: 12px; }

            .header-contact-info ul li .iocn-holder span { color: #51dc3c; display: block; font-size: 40px; text-align: center; transition: all 500ms ease 0s; margin: 0; padding: 0; }

                .header-contact-info ul li .iocn-holder span.top-envelop { font-size: 40px; }

        .header-contact-info ul li:hover .iocn-holder span { color: #51dc3c; }

        .header-contact-info ul li .text-holder { padding-left: 10px; }

            .header-contact-info ul li .text-holder h6 { color: #222222; font-size: 16px; font-weight: 600; text-transform: capitalize; margin: 0 0 10px; font-family: 'Poppins', sans-serif; }

            .header-contact-info ul li .text-holder p { color: #777; font-size: 14px; margin: 0; line-height: 16px; font-family: 'Open Sans', sans-serif; }

/* Header upper */

.main-header .header-upper { position: relative; z-index: 5; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

    .main-header .header-upper .logo img { position: relative; display: inline-block; max-width: 100%; }

.main-header .logo-outer { position: relative; z-index: 25; padding: 34px 0px; }

    .main-header .logo-outer .logo img { position: relative; display: inline-block; max-width: 100%; }

.main-header .header-upper .upper-right { position: relative; text-align: center; }

.main-header .header-info { position: relative; top: 0px; width: 100%; z-index: 5; border-bottom: 1px solid #e0e0e0; padding: 7px 0; }

.main-menu .navigation { position: relative; margin: 0px; text-align: center; }

    .main-menu .navigation > li { position: relative; float: left; margin: 0 26px; }

        .main-menu .navigation > li.dropdown:before { position: absolute; content: ''; background-color: #51dc3c; width: 0%; height: 2px; left: 0; top: 0; transition: .5s ease; }

        .main-menu .navigation > li.dropdown.current:before,
        .main-menu .navigation > li.dropdown:hover:before { width: 100%; }

        .main-menu .navigation > li.dropdown:after { position: absolute; content: "\f107"; font-size: 16px; color: #222; top: 17px; right: 0; transition: .5s ease; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; cursor: pointer; }

.sticky-header .main-menu .navigation > li.dropdown:after { right: 0; top: 27px; }

.sticky-header .main-menu .navigation > li { margin: 0px; border: 0px; }

.main-menu .navigation > li > a { position: relative; display: block; font-size: 14px; color: #262626; line-height: 30px; font-weight: 700; font-family: 'Open Sans', sans-serif; opacity: 1; text-transform: uppercase; padding: 16px 0px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

.main-menu .navigation > li.dropdown a { padding-right: 17px; }

.main-menu .navigation > li > a span { font-size: 22px; line-height: 25px; position: relative; top: 2px; }

.main-menu .navigation > li:first-child > a { padding-left: 0px; }

.main-header .sticky-header .main-menu .navigation > li { padding: 0px; }

    .main-header .sticky-header .main-menu .navigation > li > a { color: #181818; padding: 26px 25px !important; line-height: 30px; font-size: 16px; font-weight: 600; min-height: 0px; background: none; border: 0px; }

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a { color: #51dc3c; opacity: 1; }

.main-header .sticky-header .main-menu .navigation > li:hover > a,
.main-header .sticky-header .main-menu .navigation > li.current > a,
.main-header .sticky-header .main-menu .navigation > li.current-menu-item > a { color: #51dc3c; background: #ffffff !important; opacity: 1; }

.main-menu .navigation > li:hover > a:after { opacity: 1; }

.main-header .sticky-header .main-menu .navigation > li > ul:before { display: none; }

.main-header .sticky-header .main-menu .navigation > li > ul { top: 100% !important; }

.main-menu .navigation > li > ul { position: absolute; left: 0px; top: 100%; width: 270px; padding: 20px 0px; z-index: 100; display: none; background: #ffffff; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }

    .main-menu .navigation > li > ul.from-right { left: auto; right: 0px; }

    .main-menu .navigation > li > ul > li { position: relative; width: 100%; padding: 0px 35px; }

        .main-menu .navigation > li > ul > li:last-child { border-bottom: none; }

        .main-menu .navigation > li > ul > li > a { position: relative; display: block; padding: 12px 0px; line-height: 24px; font-weight: 600; font-size: 16px; color: #000000; text-align: left; padding-right: 0px !important; text-transform: capitalize; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; font-family: 'Open Sans', sans-serif; }

            .main-menu .navigation > li > ul > li > a:hover { color: #ffffff; background: #192546; padding-left: 20px; }

        .main-menu .navigation > li > ul > li ul { position: absolute; left: 100%; top: 0%; width: 250px; z-index: 100; display: none; background: #ffffff; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05); }

        .main-menu .navigation > li > ul > li > ul:before { position: absolute; content: ''; right: 100%; top: 0px; width: 20px; height: 100%; }

        .main-menu .navigation > li > ul > li > ul li { position: relative; width: 100%; padding: 7px 30px; border-bottom: 1px solid #f2f2f2; }

            .main-menu .navigation > li > ul > li > ul li:last-child { border-bottom: none; }

        .main-menu .navigation > li > ul > li > ul > li a { position: relative; display: block; padding: 6px 0px; line-height: 24px; font-weight: 400; font-size: 16px; color: #262626; text-align: left; padding-right: 0px !important; text-transform: capitalize; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

            .main-menu .navigation > li > ul > li > ul > li a:hover { color: #51dc3c; }

.main-menu .navigation > li.dropdown:hover > ul { visibility: visible; opacity: 1; }

.main-menu .navigation li > ul > li.dropdown:hover ul { visibility: visible; opacity: 1; left: 100%; top: 0%; }

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn { position: absolute; right: 10px; top: 0; width: 50px; height: 43px; border-left: 1px solid rgba(255, 255, 255, 0.1); text-align: center; font-size: 16px; line-height: 43px; color: #ffffff; cursor: pointer; z-index: 5; display: none; }


.navbar-header { display: none; }

/*============ Header upper style two ================*/

.main-header .header-upper.style-two .upper-right { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 29px 45px; }

    .main-header .header-upper.style-two .upper-right:before { position: absolute; content: ''; background-color: #ebebeb; height: 1px; width: 100%; left: 0; top: 50%; }

.main-header .header-upper.style-two .main-logo { position: relative; background: #fff; margin: 10px 0; padding-left: 10px; }

.main-header .header-upper.style-two .main-menu .navigation > li.dropdown:before { opacity: 0; }

.main-header .header-upper.style-two .main-menu .navigation > li { }

    .main-header .header-upper.style-two .main-menu .navigation > li.dropdown:after { }

.main-header .header-upper.style-two .social-links a { position: relative; display: inline-block; font-size: 13px; font-weight: normal; color: #222; padding: 0px 10px; line-height: 26px; }

    .main-header .header-upper.style-two .social-links a:last-child { padding-right: 0px; }

    .main-header .header-upper.style-two .social-links a:hover { color: #51dc3c; }

.main-header .header-upper.style-two .nav-outer { position: relative; background: #fff; }

.main-header .header-upper.style-two .social-links { position: relative; background: #fff; padding: 20px 15px; }


/*Sticky Header*/

.sticky-header { position: fixed; opacity: 0; visibility: hidden; left: 0px; top: 0px; width: 100%; padding: 0px 0px; background: #ffffff; z-index: 0; border-bottom: 1px solid #e0e0e0; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

    .sticky-header .logo { padding: 6px 0px; }

.fixed-header .sticky-header { z-index: 999; opacity: 1; visibility: visible; -ms-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -op-animation-name: fadeInDown; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -ms-animation-duration: 500ms; -moz-animation-duration: 500ms; -op-animation-duration: 500ms; -webkit-animation-duration: 500ms; animation-duration: 500ms; -ms-animation-timing-function: linear; -moz-animation-timing-function: linear; -op-animation-timing-function: linear; -webkit-animation-timing-function: linear; animation-timing-function: linear; -ms-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -op-animation-iteration-count: 1; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }

/* =============== Mobile menu ===================== */

@media only screen and (max-width: 991px) {
    .fixed-header .sticky-header { display: none!important; }
    .main-menu .navbar-header { position: relative; float: none; display: block; text-align: left; width: 100%; top: 0px; z-index: 12; }
    .main-header .logo-outer { padding: 15px 0 25px; text-align: center; width: 100%; }
    .main-header .header-upper .upper-right { position: relative; width: 100%; padding-top: 0px; }
    .main-header .main-menu { width: 100%; }
    .main-menu .navbar-header .navbar-toggle { display: inline-block; z-index: 7; float: none; padding: 4px 5px; cursor: pointer; margin: 0px 0px 10px 0px; border-radius: 0px; background: #fff; }
        .main-menu .navbar-header .navbar-toggle .icon-bar { background: #51dc3c; height: 2px; width: 29px; display: block; margin: 7px 5px; }
    .main-menu .collapse { max-height: 310px; overflow: auto; float: none; width: 100%; padding: 0px 0px 0px; border: none; margin: 0px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
    .main-menu .navbar-collapse > .navigation { float: none !important; margin: 0px !important; width: 100% !important; background: #333; border: 1px solid #ffffff; border-top: none; }
        .main-menu .navbar-collapse > .navigation > li { margin: 0px !important; float: none !important; width: 100%; }
    .main-menu .navigation > li > a,
    .main-menu .navigation > li > ul:before { border: none; }
    .main-menu .navbar-collapse > .navigation > li > a { padding: 10px 10px !important; border: none !important; }
    .main-menu .navigation li.dropdown > a:after,
    .main-menu .navigation > li.dropdown > a:before,
    .main-menu .navigation > li > ul > li > a::before,
    .main-menu .navigation > li > ul > li > ul > li > a::before { color: #ffffff !important; right: 15px; font-size: 16px; display: none !important; }
    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul { position: relative; border: none; float: none; visibility: visible; opacity: 1; display: none; margin: 0px; padding: 0px; left: auto !important; right: auto !important; top: auto !important; width: 100%; background: #333333; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -o-transition: none !important; -moz-transition: none !important; box-shadow: none !important; }
        .main-menu .navbar-collapse > .navigation > li > ul,
        .main-menu .navbar-collapse > .navigation > li > ul > li > ul { /* border-top:1px solid rgba(255,255,255,1) !important; */ }
            .main-menu .navbar-collapse > .navigation > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li,
            .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li { border-top: 1px solid rgba(255, 255, 255, 0.1) !important; opacity: 1 !important; top: 0px !important; padding-top: 0; padding-bottom: 0; left: 0px !important; visibility: visible !important; border-bottom: none; }
                .main-menu .navbar-collapse > .navigation > li:first-child { border: none; }
                .main-menu .navbar-collapse > .navigation > li > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a { padding: 10px 10px !important; line-height: 22px; color: #b8b8b8; /* background:#51dc3c; */ text-align: left; min-height: 0px; }
                    .main-menu .navbar-collapse > .navigation > li > a:hover,
                    .main-menu .navbar-collapse > .navigation > li > a:active,
                    .main-menu .navbar-collapse > .navigation > li > a:focus { /* background:#51dc3c; */ }
                .main-menu .navbar-collapse > .navigation > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
                .main-menu .navbar-collapse > .navigation > li.current > a,
                .main-menu .navbar-collapse > .navigation > li.current-menu-item > a { /* background:#51dc3c; */ color: #ffffff !important; }
    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn { display: block; }
    .main-menu .navbar-collapse > .navigation li.dropdown:after,
    .main-menu .navigation > li > ul:before,
    .main-header .info-box:after,
    .services-section-two .owl-dots { display: none !important; }
    /* search outer */
    .main-header .header-upper .outer-box { position: absolute; right: 0px; top: -7px; margin-top: 0px; z-index: 15; }
    .main-header .header-upper .outer-box { margin-top: 0; }
    .main-header .search-box-outer .dropdown-menu { top: 7px !important; }
    /* header info */
    .header-contact-info ul li { margin-top: 20px; }
    .main-header .header-info .float-left { width: 100%; text-align: center; }
    .main-header .header-info { margin-bottom: 10px; }

    /*============ Header upper style two ========*/
    .main-header .header-upper.style-two .social-links { position: absolute; right: 0; top: 72px; z-index: 99; }
}


/*** 

====================================================================
	Main Slider Banner
====================================================================

***/

.main-slider { position: relative; }

    .main-slider .content { position: relative; }

        .main-slider .content:before { position: absolute; content: ''; width: 615px; height: 396px; background-image: url(../images/main-slider/overlay.png); background-repeat: no-repeat; background-position: center; transition: all 1000ms ease; top: -90px; left: -165px; opacity: 0; }

    .main-slider .active .content:before { opacity: 1; transition-delay: 1300ms; }

    .main-slider .slide { position: relative; padding: 290px 0px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

    .main-slider h1 { position: relative; color: #ffffff; font-size: 43px; font-weight: 700; line-height: 55px; margin-bottom: 30px; text-transform: uppercase; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); font-family: 'Poppins', sans-serif; }

    .main-slider .active h1 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 1300ms; }

    .main-slider h5 { position: relative; color: #ccc; font-size: 14px; font-weight: 700; margin-bottom: 20px; display: inline-block; text-transform: uppercase; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }

    .main-slider .active h5 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 1000ms; }

    .main-slider .link-box { opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }

        .main-slider .link-box .theme-btn { margin-right: 10px; }

    .main-slider .active .link-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 2500ms; }

    .main-slider .content .title { position: relative; color: #ffffff; font-size: 18px; font-weight: 500; padding-bottom: 20px; margin-bottom: 25px; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); }

        .main-slider .content .title:after { position: absolute; content: ''; left: 50%; bottom: 0px; width: 70px; height: 1px; margin-left: -35px; background-color: #ffffff; }

    .main-slider .active .title { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 600ms; }

    .main-slider .owl-dots { position: absolute; left: 50%; bottom: 20px; }

        .main-slider .owl-dots .owl-dot { position: relative; width: 20px; height: 5px; margin: 0px 4px; display: inline-block; background-color: #ffffff; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

            .main-slider .owl-dots .owl-dot:hover,
            .main-slider .owl-dots .owl-dot.active { background-color: #51dc3c; }

    .main-slider .owl-nav { position: absolute; left: 0px; top: 50%; z-index: 1; width: 100%; margin-top: -20px; }

        .main-slider .owl-nav .owl-prev { position: absolute; left: 40px; width: 50px; height: 50px; color: #51dc3c; line-height: 50px; text-align: center; font-size: 21px; border-radius: 50%; display: inline-block; background-color: rgba(0, 0, 0, 0.6); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

            .main-slider .owl-nav .owl-prev .previous { position: relative; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); display: inline-block; }

        .main-slider .owl-nav .owl-next { position: absolute; right: 40px; width: 50px; height: 50px; color: #51dc3c; font-size: 21px; line-height: 50px; text-align: center; border-radius: 50%; display: inline-block; background-color: rgba(0, 0, 0, 0.6); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

            .main-slider .owl-nav .owl-prev:hover,
            .main-slider .owl-nav .owl-next:hover { color: #ffffff; background-color: #51dc3c; }

    /* Main slider style two */

    .main-slider.style-two .slide { padding: 318px 0px; }

    .main-slider.style-two .content { text-align: center; }

        .main-slider.style-two .content:before { left: 50%; transform: translateX(-50%); }

    .main-slider.style-two h5 { color: #fff; }

    .main-slider.style-two .btn-style-one { color: #222; background-color: #fff; border-color: #fff; }

        .main-slider.style-two .btn-style-one:hover { background-color: #51dc3c; border-color: #51dc3c; }

    .main-slider.style-two .content:before { height: 275px; width: 870px; top: -40px; background-image: url(../images/main-slider/overlay-2.png); }


/***

==================================================================
	Welcome section
==================================================================

***/

.welcome-section { position: relative; }

.welcome-block { position: relative; }

    .welcome-block .inner-box { position: relative; padding-left: 115px; margin-bottom: 60px; }

    .welcome-block .icon-box { position: absolute; left: 0; top: 0; font-size: 48px; color: #777; padding-right: 32px; border-right: 1px solid #51dc3c; line-height: 52px; }

        .welcome-block .icon-box span { display: inline-block; transition: all 0.3s ease-in-out; }

    .welcome-block .inner-box:hover .icon-box span { color: #51dc3c; transform: rotate(-180deg); }

    .welcome-block h4 { font-size: 18px; font-weight: 600; margin-bottom: 20px; }

/* Welcome block two */

.welcome-section .upper-box { background-color: #f3f3f3; padding: 0 15px; padding-top: 110px; padding-bottom: 65px; margin-bottom: -65px; }

.welcome-section .lower-box { padding-bottom: 120px; }

.welcome-block-two { position: relative; }

    .welcome-block-two .inner-box { position: relative; padding-bottom: 30px; text-align: center; }

    .welcome-block-two .icon-box { position: relative; width: 130px; height: 130px; line-height: 128px; margin: 0 auto; margin-bottom: 35px; text-align: center; color: #bbb; font-size: 45px; border: 1px solid #f3f3f3; background-color: #fff; border-radius: 50%; transition: all 0.4s ease-in-out; }

    .welcome-block-two .inner-box:hover .icon-box { color: #fff; }

    .welcome-block-two .icon-box:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; transition: all 0.4s ease-in-out; /* transform: scale(0); */ border-radius: 50%; border: 2px dotted #51dc3c; }

    .welcome-block-two .inner-box:hover .icon-box:before { /* transform: scale(1); */ border: 65px dashed #51dc3c; }

    .welcome-block-two .icon-box:after { position: absolute; content: ''; width: 1px; height: 48px; left: 50%; bottom: -24px; background-color: #51dc3c; transition: all 0.4s ease-in-out; }

    .welcome-block-two .inner-box:hover .icon-box:after { bottom: 0; }

    .welcome-block-two .icon-box span { position: relative; z-index: 5; }


    .welcome-block-two h4 { font-size: 18px; font-weight: 600; margin-bottom: 5px; }



/***

==================================================================
	About us
==================================================================

***/

.about-section { position: relative; background-color: #192546; }

    .about-section .icon-one { position: absolute; left: -63px; top: 0; width: 254px; height: 347px; background: url(../images/icons/icon-1.png) no-repeat; }

    .about-section .outer-container { position: relative; min-height: 300px; }

    .about-section .image-column { position: absolute; right: 0px; top: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

        .about-section .image-column .image-box { position: relative; margin: 0; display: none; }

            .about-section .image-column .image-box img { position: relative; display: block; width: 100%; }

    .about-section .content-column { position: relative; float: left; width: 50%; }

    .about-section .about-block-area { max-width: 600px; padding-left: 15px; padding-right: 15px; float: right; margin-bottom: 110px; }

.about-block { position: relative; display: inline-block; vertical-align: top; margin: 0 32px; }

    .about-block .inner-box { position: relative; padding-left: 100px; margin-bottom: 30px; padding-bottom: 22px; padding-top: 8px; }

    .about-block .icon-box { position: absolute; left: 0; top: 0; width: 80px; height: 80px; line-height: 83px; text-align: center; color: #fff; font-size: 28px; border-radius: 50%; transition: all 0.4s ease-in-out; }

    .about-block .inner-box:hover .icon-box { color: #51dc3c; }

    .about-block .icon-box:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; border: 2px dashed #ddd; top: 0; transition: all 0.4s ease-in-out; border-radius: 50%; }

    .about-block .inner-box:hover .icon-box:before { border: 40px dotted #ffffff; }

    .about-block .icon-box span { position: relative; left: 3px; }

    .about-block h4 { font-size: 17px; font-weight: 600; color: #fff; margin-bottom: 10px; }

    .about-block .text { color: #fff; }

    /* About block dark */

    .about-block.dark .icon-box { border-color: #f3f3f3; color: #51dc3c; }

    .about-block.dark .inner-box:hover .icon-box:before { border-color: #f8f8f8; }

    .about-block.dark h4 { color: #222; }

    .about-block.dark .text { color: #888; }

/***

==================================================================
	Funfacts section
==================================================================

***/

.funfact-section { position: relative; }

.counter-block { position: relative; }

    .counter-block .inner-box { position: relative; text-align: center; background-color: #ededed; padding: 30px; margin-bottom: 50px; }

        .counter-block .inner-box:before { position: absolute; content: ''; background-color: #51dc3c; left: 0; bottom: 0; width: 100%; height: 0%; transition: .5s ease; }

        .counter-block .inner-box:hover:before { height: 100%; }

    .counter-block .count-text { position: relative; font-size: 42px; font-weight: 800; font-family: 'Open Sans', sans-serif; color: #222; transition: .5s ease; }

    .counter-block .inner-box:hover .count-text { color: #fff; }

    .counter-block h5 { font-size: 14px; font-weight: 700; font-family: 'Open Sans', sans-serif; margin-bottom: 35px; }

    .counter-block .icon-box { position: absolute; left: 50%; bottom: 0; width: 100px; height: 100px; line-height: 98px; background: #fff; text-align: center; border: 1px solid #e4e4e4; border-radius: 50%; transition: all 0.4s ease-in-out; transform: translate(-50%, 50%); }

.funfact-section .bottom-content { text-align: center; margin-top: 30px; }

    .funfact-section .bottom-content h4 { font-size: 20px; font-weight: 600; color: #888; margin-bottom: 10px; }

    .funfact-section .bottom-content h3 { font-size: 26px; font-weight: 700; color: #222; }

/* Counter block two */

.counter-block-two { position: relative; }

    .counter-block-two .inner-box { position: relative; text-align: center; margin-bottom: 30px; display: inline-block; }

    .counter-block-two .count-text { position: relative; font-size: 35px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #222; transition: .5s ease; }

    .counter-block-two .number-prefix { position: relative; font-size: 35px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #222; }

    .counter-block-two h5 { font-size: 14px; font-weight: 700; font-family: 'Open Sans', sans-serif; margin-bottom: 10px; margin-top: 10px; }

/***

==================================================================
	Fluid section
==================================================================

***/

.fluid-section { position: relative; background: #1f1f1f; }

    .fluid-section .outer-container { position: relative; min-height: 250px; background-color: #1f1f1f; }

    .fluid-section .right-column { position: relative; background-color: #1f1f1f; right: 0px; top: 0px; float: right; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

        .fluid-section .right-column .content-area { position: relative; max-width: 600px; padding: 0 15px; padding-left: 50px; padding-top: 150px; padding-bottom: 110px; }

        .fluid-section .right-column h3 { font-size: 25px; margin-bottom: 10px; font-weight: 700; color: #fff; }

        .fluid-section .right-column .text { color: #cccccc; margin-bottom: 30px; }

.client-logo ul li a img { width: auto !important; line-height: 150px; margin: 0 auto; }

.client-logo ul li { border: 1px solid rgb(48, 48, 48); text-align: center; background: #222; line-height: 150px; }

    .client-logo ul li a { display: block; line-height: 150px; }

    .client-logo ul li .image { min-height: 150px; display: flex; align-items: center; justify-content: center; }

.fluid-section .left-column { position: relative; float: left; width: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; }

    .fluid-section .left-column .inner-column { position: relative; width: 100%; padding: 170px 0px 150px 45px; }

    .fluid-section .left-column .carousel-box { position: relative; max-width: 430px; margin: 0 auto; }

        .fluid-section .left-column .carousel-box .box-inner { position: relative; padding: 65px 40px 43px; background-color: #fff; text-align: center; }

        .fluid-section .left-column .carousel-box .quote-icon { position: absolute; left: 50%; top: -57px; color: #51dc3c; line-height: 1em; font-size: 190px; font-weight: 800; transform: translate(-50%); font-family: 'Open Sans', sans-serif; }


/*Testimonial Block*/

.testimonial-block { position: relative; }

    .testimonial-block .inner-box { position: relative; }

        .testimonial-block .inner-box .text { position: relative; color: #1f1f1f; font-size: 18px; font-weight: 400; line-height: 1.6em; width: 100%; margin-bottom: 20px; font-style: italic; }

        .testimonial-block .inner-box .author { position: relative; font-size: 20px; font-weight: 500; color: #222; }

            .testimonial-block .inner-box .author span { font-size: 16px; font-weight: 400; color: #51dc3c; }


/***

==================================================================
	Testimonial section
==================================================================

***/

.testimonial-section { position: relative; background: #51dc3c; }

    .testimonial-section .container { max-width: 1200px; }

    .testimonial-section .outer-testimonial { position: relative; bottom: -97px; margin-bottom: 120px; }

    .testimonial-section .quote { position: absolute; top: 130px; left: 55px; font-size: 190px; color: #1b2541; font-family: 'Open Sans', sans-serif; font-weight: 800; z-index: 9; }

.testimonial-block-two { position: relative; }

    .testimonial-block-two .inner-box { position: relative; text-align: center; }

    .testimonial-block-two .author h2 { font-size: 30px; font-weight: 700; color: #fff; }

    .testimonial-block-two .author .designation { font-size: 16px; color: #1b2541; }

    .testimonial-block-two .text-area { background: #fff; padding: 55px 30px; box-shadow: 0px 11px 27px 0px rgba(229, 229, 229, 0.75); margin: 30px 15px; }

    .testimonial-block-two .text { max-width: 860px; margin: 0 auto; color: #1f1f1f; font-size: 18px; font-style: italic; }

/***

==================================================================
	Team section
==================================================================

***/

.team-block { position: relative; }

    .team-block .inner-box { position: relative; margin-bottom: 30px; }

    .team-block .image { position: relative; overflow: hidden; }

        .team-block .image img { width: 100%; }

    .team-block .inner-box .image .overlay { position: absolute; left: 0px; top: 0px; padding: 0 25px; width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; opacity: 0; z-index: 2; color: #ffffff; visibility: hidden; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; -webkit-transform-origin: left top; -ms-transform-origin: left top; -moz-transform-origin: left top; transform-origin: left top; -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }

    .team-block .inner-box:hover .image .overlay { opacity: 1; visibility: visible; -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }

    .team-block .inner-box .image .overlay:before { position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0; display: block; visibility: hidden; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-color: rgba(25, 37, 70, 0.95); }

    .team-block .inner-box:hover .image .overlay:before { opacity: 1; visibility: visible; }

    .team-block .lower-content { text-align: center; margin-top: 15px; }

        .team-block .lower-content h4 { font-size: 17px; font-weight: 700; text-transform: uppercase; }

        .team-block .lower-content .designation { font-size: 13px; font-family: 'Opnen Sans', sans-serif; }

    .team-block .overlay { text-align: center; }

        .team-block .overlay h4 { font-size: 17px; font-weight: 700; text-transform: uppercase; color: #fff; }

        .team-block .overlay .designation { position: relative; font-size: 13px; font-family: 'Opnen Sans', sans-serif; color: #51dc3c; margin-bottom: 10px; }

        .team-block .overlay .text { color: #fff; position: relative; margin-bottom: 10px; }

    .team-block .social-icon-one li a { color: #fff; }


/***

==================================================================
	whychooseus section
==================================================================

***/

.our-skill { background: #fff; padding: 40px 50px 45px; }

    .our-skill h5 { font-size: 14px; margin-bottom: 14px; font-weight: 600; }

    .our-skill h4 { font-size: 20px; margin-bottom: 14px; font-weight: 600; }

/*=======progress bar========*/

.progress-levels { position: relative; }

.default-section .progress-levels { padding-top: 7px; }

.progress-levels .progress-box { position: relative; padding-bottom: 10px; padding-top: 10px; overflow: hidden; }

    .progress-levels .progress-box:last-child { margin-bottom: 0px; }

    .progress-levels .progress-box:last-child { margin-bottom: 0px; }

    .progress-levels .progress-box .bar { position: relative; height: 4px; background: #dcf8d8; }

        .progress-levels .progress-box .bar .bar-innner { position: relative; left: 0px; top: 0px; width: 100%; height: 10px; }

        .progress-levels .progress-box .bar .bar-fill { position: absolute; left: -100%; top: 0px; width: 0px; height: 4px; background: #51dc3c; -webkit-transition: all 2000ms ease 300ms; -o-transition: all 2000ms ease 300ms; transition: all 2000ms ease 300ms; }

    .progress-levels .progress-box.html .bar .bar-fill { background: #ef6267; }

    .progress-levels .progress-box.wp .bar .bar-fill { background: #ff9924; }

    .progress-levels .progress-box.php .bar .bar-fill { background: #14dbba; }

    .progress-levels .progress-box.animated .bar .bar-fill { left: 0px; }

    .progress-levels .progress-box .percent { position: absolute; right: 0; top: -30px; letter-spacing: 0px; font-size: 14px; font-weight: 600; color: #222; font-family: 'Open Sans', sans-serif; opacity: 0; -webkit-transition: all 2000ms ease 700ms; -o-transition: all 2000ms ease 700ms; transition: all 2000ms ease 700ms; }

    .progress-levels .progress-box.animated .percent { opacity: 1; }

/***

==================================================================
	Consultation section
==================================================================

***/

.consultation-section { position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; }

    .consultation-section:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(to right, rgb(11, 11, 11) 45%, rgba(0, 0, 0, 0) 100%); }

    .consultation-section h1 { position: relative; color: #fff; font-size: 50px; font-weight: 700; margin-bottom: 20px; margin-top: 30px; line-height: 1.3em; }

    .consultation-section .text { position: relative; color: #fff; max-width: 560px; margin-bottom: 20px; }

    .consultation-section .number { position: relative; color: #51dc3c; font-size: 50px; font-weight: 700; margin-bottom: 35px; line-height: 1.3em; font-family: 'Open Sans', sans-serif; }

    .consultation-section form { position: relative; max-width: 530px; }

        .consultation-section form input { background-color: #303030; height: 54px; padding: 0 30px; width: calc(100% - 200px); color: #fff; }

    .consultation-section .theme-btn:hover { background: #303030; border-color: #303030; color: #51dc3c; }

/* Consultation style two */

.consultation-section-two { position: relative; background-color: #192546; }

    .consultation-section-two:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/background/pattern.png) no-repeat center; }

    .consultation-section-two h3 { color: #fff; font-size: 27px; text-align: center; line-height: 35px; margin-bottom: 40px; }

    .consultation-section-two .number { color: #51dc3c; font-size: 45px; font-weight: 700; line-height: 35px; margin-bottom: 15px; margin-top: 14px; }

    .consultation-section-two .text { color: #fff; margin-bottom: 15px; }


/***

==================================================================
	News section
==================================================================

***/

.news-block-one { position: relative; }

    .news-block-one .inner-box { position: relative; margin-bottom: 30px; }

    .news-block-one .news-content h4 { font-size: 20px; font-weight: 600; border-bottom: 1px solid #e4e4e4; margin-bottom: 5px; padding-bottom: 5px; }

        .news-block-one .news-content h4 a { color: #222; }

    .news-block-one .post-info { position: relative; margin-bottom: 10px; }

        .news-block-one .post-info li { display: inline-block; font-size: 12px; margin-right: 15px; }

            .news-block-one .post-info li span { color: #51dc3c; margin-right: 10px; font-size: 15px; }

    .news-block-one .image { position: relative; overflow: hidden; margin-bottom: 25px; }

        .news-block-one .image:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(81, 220, 60, 0.84); }

    .news-block-one:hover .image:before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }

    .news-block-one img { width: 100%; -webkit-transition: .7s ease; -o-transition: .7s ease; transition: .7s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }

    .news-block-one:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

    .news-block-one .date { position: absolute; right: 20px; top: 20px; font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 600; color: #222; background: #ffffff; padding: 5px 25px; z-index: 9; }

    .news-block-one .overlay { left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 10; }

    .news-block-one:hover .overlay { opacity: 1; }

    .news-block-one .overlay a { background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0; border-radius: 50%; color: #222; font-size: 20px; height: 60px; margin: 0 5px; line-height: 60px; opacity: 0; display: inline-block; text-align: center; -webkit-transform: translateX(0%) translateY(-30%) scale(0.5); -ms-transform: translateX(0%) translateY(-30%) scale(0.5); transform: translateX(0%) translateY(-30%) scale(0.5); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 60px; }

        .news-block-one .overlay a:hover { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; color: #51dc3c; }

    .news-block-one:hover .overlay a { opacity: 1; -webkit-transform: translateX(0) translateY(0%) scale(1); -ms-transform: translateX(0) translateY(0%) scale(1); transform: translateX(0) translateY(0%) scale(1); }

/* News block two */

.news-block-two { position: relative; }

    .news-block-two .inner-box { position: relative; margin-bottom: 50px; }

    .news-block-two .image { position: relative; overflow: hidden; margin-bottom: 35px; }

        .news-block-two .image:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(81, 220, 60, 0.84); }

    .news-block-two:hover .image:before { opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); }

    .news-block-two img { width: 100%; -webkit-transition: .7s ease; -o-transition: .7s ease; transition: .7s ease; -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; }

    .news-block-two:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

    .news-block-two .date { position: absolute; left: 0; top: 10px; font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: 600; color: #222; background: #ffffff; padding: 16px 0px; z-index: 9; text-align: center; width: 88px; height: 88px; border: 1px solid #ebebeb; }

        .news-block-two .date span { font-size: 15px; color: #51dc3c; }

    .news-block-two .overlay { left: 0; opacity: 0; position: absolute; right: 0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: 10; }

    .news-block-two:hover .overlay { opacity: 1; }


    .news-block-two .overlay a { background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0; border-radius: 50%; color: #222; font-size: 20px; height: 60px; margin: 0 5px; line-height: 60px; opacity: 0; display: inline-block; text-align: center; -webkit-transform: translateX(0%) translateY(-30%) scale(0.5); -ms-transform: translateX(0%) translateY(-30%) scale(0.5); transform: translateX(0%) translateY(-30%) scale(0.5); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; width: 60px; }

        .news-block-two .overlay a:hover { background: rgba(255, 255, 255, 1) none repeat scroll 0 0; color: #51dc3c; }

    .news-block-two:hover .overlay a { opacity: 1; -webkit-transform: translateX(0) translateY(0%) scale(1); -ms-transform: translateX(0) translateY(0%) scale(1); transform: translateX(0) translateY(0%) scale(1); }


    .news-block-two .news-content { position: relative; padding-left: 120px; }

        .news-block-two .news-content h4 { font-size: 23px; font-weight: 600; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; padding-bottom: 15px; }

            .news-block-two .news-content h4 a { color: #222; }

    .news-block-two .post-info { position: relative; margin-bottom: 20px; }

        .news-block-two .post-info li { display: inline-block; font-size: 12px; margin-right: 15px; }

            .news-block-two .post-info li span { color: #51dc3c; margin-right: 10px; font-size: 15px; }

    .news-block-two .text { margin-bottom: 30px; }

/* Single blog post*/


.single-blog-post { position: relative; }

    .single-blog-post .inner-box { position: relative; margin-bottom: 50px; }

    .single-blog-post .image { position: relative; overflow: hidden; margin-bottom: 35px; }

    .single-blog-post img { width: 100%; }


    .single-blog-post .date { position: absolute; left: 0; top: 10px; font-family: 'Open Sans', sans-serif; font-size: 40px; font-weight: 600; color: #222; background: #ffffff; padding: 16px 0px; z-index: 9; text-align: center; width: 88px; height: 88px; border: 1px solid #ebebeb; }

        .single-blog-post .date span { font-size: 15px; color: #51dc3c; }

    .single-blog-post .news-content { position: relative; padding-left: 120px; }

        .single-blog-post .news-content h4 { font-size: 23px; font-weight: 600; border-bottom: 1px solid #e4e4e4; margin-bottom: 20px; padding-bottom: 15px; }

            .single-blog-post .news-content h4 a { color: #222; }

    .single-blog-post .post-info { position: relative; margin-bottom: 20px; }

        .single-blog-post .post-info li { display: inline-block; font-size: 12px; margin-right: 15px; }

            .single-blog-post .post-info li span { color: #51dc3c; margin-right: 10px; font-size: 15px; }

    .single-blog-post .text { margin-bottom: 30px; }

.blockquote { position: relative; border: 1px solid #e3e3e3; padding: 41px 0; padding-left: 145px; min-height: 153px; font-size: 20px; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #222; }

    .blockquote .quote-icon { position: absolute; left: 30px; top: 30px; font-size: 100px; font-weight: 600; width: 90px; height: 90px; line-height: 122px; color: #222; text-align: center; border: 1px solid #e3e3e3; }

.single-blog-post .experience-block { position: relative; }

    .single-blog-post .experience-block h4 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }

.single-blog-post .experience-block { margin-bottom: 20px; }

    .single-blog-post .experience-block ul li { font-size: 16px; margin-bottom: 5px; }

    .single-blog-post .experience-block .list-style-one li:before { position: absolute; content: "\f0a9"; color: #51dc3c; }

/* Post share option */

.post-share-options { position: relative; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; /* padding: 15px 0; */ }

    .post-share-options span { position: relative; font-size: 14px; font-weight: 600; font-family: 'Poppins', sans-serif; text-decoration: underline; color: #222; }

    .post-share-options .tags a { position: relative; color: #222; font-size: 14px; background: #f3f3f3; font-weight: 500; font-family: 'Poppins', sans-serif; padding: 5px 25px; margin-right: 0px; display: inline-block; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

        .post-share-options .tags a:hover { color: #94c13d; }

    .post-share-options ul { display: inline-block; background: #f3f3f3; border-radius: 20px; margin: 15px 0; }

/* Author box */

.author-box { position: relative; border: 1px solid #f3f3f3; background: #f3f3f3; }

    .author-box .inner-box { position: relative; padding-left: 220px; padding-top: 50px; padding-bottom: 50px; padding-right: 30px; }

    .author-box .border-shape-right,
    .author-box .border-shape-left { position: relative; display: block; }

        .author-box .border-shape-left:after { position: absolute; content: ''; left: 0px; top: 5px; width: 50px; height: 2px; background-color: #94c13d; }

        .author-box .border-shape-left:before { position: absolute; content: ''; left: 0px; top: 5px; width: 100%; height: 2px; background-color: #ddd; }

        .author-box .border-shape-right:after { position: absolute; content: ''; right: 0px; top: 5px; width: 50px; height: 2px; background-color: #94c13d; }

        .author-box .border-shape-right:before { position: absolute; content: ''; left: 0px; top: 5px; width: 100%; height: 2px; background-color: #ddd; }

    .author-box .image { position: absolute; left: 60px; top: 55px; width: 125px; height: 125px; border-radius: 50%; overflow: hidden; }

    .author-box .name { position: relative; font-size: 20px; font-weight: 600; margin-bottom: 10px; color: #222; font-family: 'Open Sans', sans-serif; }

        .author-box .name:after { /* position: absolute; */ /* content: ''; */ /* left: 0; */ /* bottom: 2px; */ /* width: 15px; */ /* height: 2px; */ /* background-color: #94c13d; */ /* transition: all 0.3s ease; */ -moz-transition: all 0.3s ease; /* -webkit-transition: all 0.3s ease; */ -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

        .author-box .name:before { /* position: absolute; */ /* content: ''; */ /* left: 0; */ /* bottom: -5px; */ /* width: 30px; */ /* height: 2px; */ /* background-color: #94c13d; */ transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area { position: relative; margin-top: 60px; padding-bottom: 40px; margin-bottom: 55px; border-bottom: 1px solid #dddddd; }

.sidebar-page-container .group-title { position: relative; margin-bottom: 32px; }

    .sidebar-page-container .group-title h2 { position: relative; font-size: 20px; color: #222222; font-weight: 700; padding-bottom: 5px; text-transform: capitalize; }

    .sidebar-page-container .group-title .separator { position: relative; width: 65px; height: 15px; margin-bottom: 20px; }

        .sidebar-page-container .group-title .separator:after { position: absolute; content: ''; left: 0px; top: 6px; width: 15px; height: 2px; background-color: #94c13d; }

        .sidebar-page-container .group-title .separator:before { position: absolute; content: ''; left: 0px; top: 12px; width: 30px; height: 2px; background-color: #94c13d; }

        .sidebar-page-container .group-title .separator .dott { position: relative; width: 6px; height: 6px; top: -9px; border-radius: 50%; display: inline-block; background-color: #fa2964; }

.sidebar-page-container .comments-area .comment-box { position: relative; padding: 0px 0px 0px; margin-bottom: 40px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

    .sidebar-page-container .comments-area .comment-box.comment-reply-box { margin-left: 120px; }

    .sidebar-page-container .comments-area .comment-box:last-child { margin-bottom: 0px; padding-bottom: 0px; border: 0px; }

    .sidebar-page-container .comments-area .comment-box:hover { border-color: #222222; }

.sidebar-page-container .comments-area .comment { position: relative; font-size: 14px; padding: 0px 0px 0px 110px; }

    .sidebar-page-container .comments-area .comment .comment-inner { position: relative; }

    .sidebar-page-container .comments-area .comment .comment-reply { position: relative; margin-top: 10px; color: #222; font-size: 16px; text-align: center; display: inline-block; text-transform: uppercase; letter-spacing: 1px; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; font-family: 'Poppins', sans-serif; }

        .sidebar-page-container .comments-area .comment .comment-reply:hover { color: #242424; }

.sidebar-page-container .comments-area .comment-box .author-thumb { position: absolute; left: 0px; top: 8px; width: 90px; border-radius: 50%; margin-bottom: 20px; }

    .sidebar-page-container .comments-area .comment-box .author-thumb img { display: block; }

.sidebar-page-container .comments-area .comment-info { color: #3e5773; line-height: 24px; font-size: 13px; }

.sidebar-page-container .comments-area .comment-box strong { font-size: 16px; font-weight: 600; color: #222222; line-height: 16px; text-transform: capitalize; display: inline-block; }

.sidebar-page-container .comments-area .comment-box .text { color: #888888; font-size: 16px; margin-top: 0px; margin-bottom: 0px; line-height: 1.7em; }

.sidebar-page-container .comments-area .reply-btn a { position: relative; width: 55px; height: 55px; text-align: center; line-height: 55px; background: #e3e3e3; border-radius: 50%; color: #222; font-size: 30px; }

.sidebar-page-container .comments-area .comment-box .theme-btn { padding: 5px 30px; font-size: 12px; border: 1px solid #fbca00; text-transform: uppercase; letter-spacing: 1px; }

/*Comment Form*/

.comment-form { position: relative; margin-bottom: 20px; }

    .comment-form .form-group { position: relative; margin-bottom: 18px; }

        .comment-form .form-group input[type="text"],
        .comment-form .form-group input[type="password"],
        .comment-form .form-group input[type="tel"],
        .comment-form .form-group input[type="email"],
        .comment-form .form-group textarea { display: block; width: 100%; height: 50px; font-size: 14px; background: #f3f3f3; color: #888888; line-height: 24px; padding: 12px 20px; font-weight: 400; border: 1px solid #f3f3f3; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

            .comment-form .form-group input[type="text"]:focus,
            .comment-form .form-group input[type="password"]:focus,
            .comment-form .form-group input[type="tel"]:focus,
            .comment-form .form-group input[type="email"]:focus,
            .comment-form .form-group textarea:focus { border-color: #94c13d; }

        .comment-form .form-group textarea { height: 150px; resize: none; }

    .comment-form button { margin-top: 5px; padding: 11px 40px; background: #192546; border-color: #192546; color: #fff; }

    .comment-form input:focus,
    .comment-form select:focus,
    .comment-form textarea:focus { border-color: #f06529; }


/*** 

====================================================================
	Call To Action Section
====================================================================

 ***/

.call-to-action-section { position: relative; margin-bottom: -91px; z-index: 9; }

    .call-to-action-section .outer-container { position: relative; background-color: #51dc3c; padding: 0 100px; overflow: hidden; }

        .call-to-action-section .outer-container:before { position: absolute; content: ''; background-image: url(../images/icons/icon-6.png); height: 375px; width: 325px; left: 0; top: 0; }

        .call-to-action-section .outer-container:after { position: absolute; content: ''; background-image: url(../images/icons/icon-6.png); height: 375px; width: 325px; right: 0; bottom: 0; }

    .call-to-action-section .left-column { position: relative; float: left; z-index: 9; }

        .call-to-action-section .left-column .image-layer { position: absolute; content: ''; left: 0px; top: 0px; right: -120px; bottom: 0px; z-index: 1; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }

        .call-to-action-section .left-column .inner-column { position: relative; padding: 70px 0px; }

        .call-to-action-section .left-column .image-layer:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; background-color: rgba(68,57,134,0.90); }

        .call-to-action-section .left-column h2 { position: relative; color: #ffffff; font-size: 30px; font-weight: 600; line-height: 1.4em; }

    .call-to-action-section .right-column { position: relative; float: right; z-index: 9; }

        .call-to-action-section .right-column .inner-column { position: relative; padding: 66px 0px; text-align: right; max-width: 700px; padding-right: 15px; }

            .call-to-action-section .right-column .inner-column .btn-style-one { background-color: #192546; border-color: #192546; color: #fff; }

/***

==================================================================
	Contact form
==================================================================

***/

/*Contact Form*/

.contact-form-section h4 { position: relative; font-size: 22px; font-weight: 600; margin-bottom: 30px; text-align: center; }

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea { display: block; width: 100%; height: 55px; font-size: 16px; color: #848484; line-height: 30px; padding: 12px 25px; font-weight: 300; background-color: #ffffff; border-radius: 0px; border: 1px solid #ececec; transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

    .contact-form input:focus,
    .contact-form select:focus,
    .contact-form textarea:focus { border-color: #ff214f; }

.contact-form textarea { height: 180px; resize: none; padding: 12px 25px; }

.contact-form button { cursor: pointer; }

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error { border-color: #ff0000 !important; }

.contact-form label.error { display: block; line-height: 24px; padding: 5px 0px 0px; margin: 0px; text-transform: uppercase; font-size: 11px; color: #ff0000; font-weight: 500; }

.contact-form .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #51dc3c; }

/* Form style two */

.contact-form.style-two input[type="text"],
.contact-form.style-two input[type="email"],
.contact-form.style-two input[type="password"],
.contact-form.style-two select,
.contact-form.style-two textarea { background: #f7f8f9; border-color: #f7f8f9; -webkit-box-shadow: none; box-shadow: none; }

.contact-form.style-two textarea { height: 250px; }

/* Form style three */

.contact-form.style-three input[type="text"],
.contact-form.style-three input[type="email"],
.contact-form.style-three input[type="password"],
.contact-form.style-three select,
.contact-form.style-three textarea { background: #f7f8f9; border-color: #f7f8f9; -webkit-box-shadow: none; box-shadow: none; padding-left: 50px; }

.contact-form.style-three span { position: absolute; left: 30px; top: 13px; font-size: 24px; color: #ff214f; }

/* Form style four */

.contact-form.style-four input[type="text"],
.contact-form.style-four input[type="email"],
.contact-form.style-four input[type="password"],
.contact-form.style-four select,
.contact-form.style-four textarea { border: 0px; border-bottom: 1px solid #222; background: transparent; padding: 0; margin-top: 10px; }

/* Form style five */

.contact-form.style-five .form-group { margin-bottom: 25px; }

.contact-form.style-five label { font-style: italic; margin-bottom: 10px; }

.contact-form.style-five input[type="text"],
.contact-form.style-five input[type="email"],
.contact-form.style-five input[type="password"],
.contact-form.style-five select,
.contact-form.style-five textarea { background: #f3f3f3; border-color: #f3f3f3; }

/* Form style six */

.contact-form.style-six .column { padding: 0 5px; }

.contact-form.style-six input[type="text"],
.contact-form.style-six input[type="email"],
.contact-form.style-six input[type="password"],
.contact-form.style-six select,
.contact-form.style-six textarea { background: #212e51; border-color: #3a425a; -webkit-box-shadow: none; box-shadow: none; }

.contact-form.style-six textarea { height: 120px; }

.contact-form.style-six .form-group { margin-bottom: 10px; }

.contact-form.style-six ::-webkit-input-placeholder { color: #7c86a0; font-style: italic; }

.contact-form.style-six ::-moz-placeholder { color: #7c86a0; font-style: italic; }

.contact-form.style-six :-ms-input-placeholder { color: #7c86a0; font-style: italic; }

.contact-form.style-six :-moz-placeholder { color: #7c86a0; font-style: italic; }


/*** 

====================================================================
	Map Style
====================================================================

***/

.map-section { position: relative; }

.home-google-map .google-map { width: 100%; height: 630px; }

.home-google-map .gmnoprint { display: none; }



/***

==================================================================
	Portfolio section
==================================================================

***/

.portfolio-section .items-container { margin: 0 -10px; }

/* Gallery blokc one */

.gallery-block-one { position: relative; padding: 0 10px; margin-bottom: 20px; }

    .gallery-block-one .inner-box { position: relative; overflow: hidden; }

    .gallery-block-one .image { position: relative; margin-bottom: 0px; }

        .gallery-block-one .image img { position: relative; display: block; width: 100%; }

    .gallery-block-one .overlay-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; color: #ffffff; text-align: center; -webkit-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; }

        .gallery-block-one .overlay-box:before { position: absolute; content: ''; left: 40px; top: 40px; right: 40px; bottom: 40px; display: block; opacity: 0; visibility: hidden; transition: all 900ms ease; -moz-transition: all 900ms ease; -webkit-transition: all 900ms ease; -ms-transition: all 900ms ease; -o-transition: all 900ms ease; background-color: rgb(81, 220, 60); -moz-transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); transform: rotateX(-180deg); }

    .gallery-block-one .inner-box:hover .overlay-box:before { -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; visibility: visible; }

    .gallery-block-one .inner-box:hover .overlay-box { opacity: 1; }

    .gallery-block-one .inner-box .overlay-inner { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 10px 0px; }

        .gallery-block-one .inner-box .overlay-inner .content { position: relative; display: table-cell; vertical-align: middle; }

        .gallery-block-one .inner-box .overlay-inner .link { position: relative; font-size: 20px; color: #51dc3c; width: 50px; height: 50px; line-height: 52px; margin: 0px 5px; display: inline-block; background-color: #ffffff; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }

            .gallery-block-one .inner-box .overlay-inner .link .icon { position: relative; }

/***

==================================================================
	Pricing section
==================================================================

***/
.pricing-block { position: relative; margin-bottom: 50px; }

    .pricing-block .inner-box { position: relative; background-color: #f6f6f6; padding: 20px; overflow: hidden; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; }

        .pricing-block .inner-box .upper-box { position: relative; text-align: center; padding: 33px 0px 38px; background: #192546; }


            .pricing-block .inner-box .upper-box h3 { position: relative; color: #ffffff; font-size: 22px; font-weight: 700; text-transform: capitalize; }

            .pricing-block .inner-box .upper-box .pack { font-size: 14px; font-weight: 700; font-family: 'Open Sans', sans-serif; color: #51dc3c; }

        .pricing-block .inner-box .price-box .price { position: relative; font-size: 45px; color: #222; font-weight: 800; font-family: 'Open Sans', sans-serif; text-align: center; border-bottom: 1px solid #ccc; padding: 25px 0; }

            .pricing-block .inner-box .price-box .price .amount { font-size: 25px; font-weight: 600; font-family: 'Open Sans', sans-serif; }

            .pricing-block .inner-box .price-box .price .month { font-size: 15px; font-weight: 600; font-family: 'Open Sans', sans-serif; }

        .pricing-block .inner-box .lower-box { position: relative; border: 1px solid #d6d6d6; text-align: center; }

            .pricing-block .inner-box .lower-box .check-list { position: relative; padding: 35px 0; }

                .pricing-block .inner-box .lower-box .check-list li { position: relative; color: #222; font-size: 14px; padding-left: 25px; font-weight: 600; margin: 4px 0; }

                    .pricing-block .inner-box .lower-box .check-list li.check span { font-size: 14px; color: #02b943; margin-right: 5px; }

                    .pricing-block .inner-box .lower-box .check-list li.cross span { font-size: 14px; color: #de3406; margin-right: 5px; }

            .pricing-block .inner-box .lower-box .link-box { text-align: center; display: block; }

                .pricing-block .inner-box .lower-box .link-box .buy-now { padding: 6px 54px; width: 100%; color: #fff; }

        .pricing-block .inner-box:hover { -webkit-box-shadow: 0px 0px 11px 3px rgba(241,241,241,0.67); -moz-box-shadow: 0px 0px 11px 3px rgba(241,241,241,0.67); box-shadow: 0px 0px 11px 3px rgba(241,241,241,0.67); }

.pricing-section .bottom-content { text-align: center; margin-top: 30px; }

    .pricing-section .bottom-content h4 { font-size: 20px; font-weight: 600; color: #888; margin-bottom: 10px; }

    .pricing-section .bottom-content h3 { font-size: 26px; font-weight: 700; color: #222; }

/***

==================================================================
	Mission section
==================================================================

***/

.mission-section { position: relative; background-repeat: no-repeat; background-position: left center; background-size: cover; }

    .mission-section .outer-container { position: relative; background-color: #f5f5f5; padding: 0 15px; }

    .mission-section .left-column { position: relative; padding: 150px 15px; width: 40%; float: left; background-repeat: no-repeat; background-size: cover; }

        .mission-section .left-column:before { position: absolute; content: ''; right: 0px; top: 0px; width: 10000%; height: 100%; display: block; background-color: rgba(25, 37, 70, 0.86); }

        .mission-section .left-column .inner-column { max-width: 370px; float: right; }

.text-block { position: relative; }

    .text-block h2 { position: relative; font-size: 30px; font-weight: 600; color: #fff; padding-bottom: 20px; margin-bottom: 30px; line-height: 1.4em; }

        .text-block h2:after { position: absolute; content: ''; left: 0px; bottom: 0px; height: 2px; width: 50px; background-color: #51dc3c; }

    .text-block .text { color: #fff; margin-bottom: 30px; }

    .text-block .link-btn .theme-btn { color: #222; }

        .text-block .link-btn .theme-btn:hover { color: #fff; }

.mission-section .right-column { position: relative; padding: 150px 15px 100px; padding-left: 90px; width: 60%; float: right; }

    .mission-section .right-column:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/background/pattern-2.png) no-repeat center; }

    .mission-section .right-column .inner-column { max-width: 740px; float: left; }

    .mission-section .right-column h4 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }

    .mission-section .right-column .text { margin-bottom: 30px; }

/* Mission block */

.mission-block { position: relative; }

    .mission-block .inner-box { margin-bottom: 30px; }

    .mission-block .image { position: relative; }

        .mission-block .image:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 0%; display: block; z-index: 1; background-color: rgba(81, 220, 60, 0.85); transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; }

    .mission-block .inner-box:hover .image:before { height: 100%; }

    .mission-block h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; margin-top: 20px; }

/***

==================================================================
	Client logo section
==================================================================

***/

.client-logo-section ul li { text-align: center; line-height: 150px; }

    .client-logo-section ul li a { display: block; line-height: 150px; }

    .client-logo-section ul li .image { min-height: 150px; display: flex; align-items: center; justify-content: center; }

    .client-logo-section ul li a img { width: auto !important; line-height: 150px; margin: 0 auto; }



/***

==================================================================
	Contact info section
==================================================================

***/

.contact-info-section { position: relative; background: #192546; border-bottom: 1px solid rgba(255, 255, 255, .1); padding: 20px 0; }

.contact-info { position: relative; }

    .contact-info ul { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

        .contact-info ul li { margin: 15px 0px; padding-left: 45px; position: relative; }

            .contact-info ul li .iocn-holder { position: absolute; left: 0; top: 12px; }

                .contact-info ul li .iocn-holder span { color: #51dc3c; display: block; font-size: 40px; text-align: center; transition: all 500ms ease 0s; margin: 0; padding: 0; }

                    .contact-info ul li .iocn-holder span.top-envelop { font-size: 40px; }

            .contact-info ul li:hover .iocn-holder span { color: #51dc3c; }

            .contact-info ul li .text-holder { padding-left: 10px; }

                .contact-info ul li .text-holder h6 { color: #ffffff; font-size: 16px; font-weight: 600; text-transform: capitalize; margin: 0 0 10px; font-family: 'Poppins', sans-serif; }

                .contact-info ul li .text-holder p { color: #ccc; font-size: 14px; margin: 0; line-height: 16px; font-family: 'Open Sans', sans-serif; }

/***

==================================================================
	Contact info section two
==================================================================

***/

.contact-info-section-two { position: relative; }

    .contact-info-section-two .outer-container { position: relative; min-height: 300px; }

    .contact-info-section-two .image-column { position: absolute; left: 0px; top: 0px; width: 50%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; }

        .contact-info-section-two .image-column .image-box { position: relative; margin: 0; display: none; }

            .contact-info-section-two .image-column .image-box img { position: relative; display: block; width: 100%; }

    .contact-info-section-two .content-column { position: relative; float: right; width: 50%; }

/* Contact info two */

.contact-info-two { position: relative; }

    .contact-info-two .contact-info-block { position: relative; background: #222; padding: 0px; }

        .contact-info-two .contact-info-block:nth-child(2),
        .contact-info-two .contact-info-block:nth-child(3) { background: #333; }

    .contact-info-two .inner-box { position: relative; text-align: center; padding: 110px 0; }

    .contact-info-two .contact-info-block .iocn-holder { position: relative; margin-bottom: 30px; }

        .contact-info-two .contact-info-block .iocn-holder span { color: #51dc3c; display: block; font-size: 40px; text-align: center; transition: all 500ms ease 0s; margin: 0; padding: 0; }

            .contact-info-two .contact-info-block .iocn-holder span.top-envelop { font-size: 40px; }

    .contact-info-two .contact-info-block:hover .iocn-holder span { color: #51dc3c; }

    .contact-info-two .contact-info-block .text-holder { padding-left: 10px; }

        .contact-info-two .contact-info-block .text-holder h6 { color: #ffffff; font-size: 16px; font-weight: 600; text-transform: capitalize; margin: 0 0 10px; font-family: 'Poppins', sans-serif; }

        .contact-info-two .contact-info-block .text-holder p { color: #ccc; font-size: 14px; margin: 0; line-height: 16px; font-family: 'Open Sans', sans-serif; }


/*** 

====================================================================
	Page Title Style
====================================================================

***/

.page-title { position: relative; color: #ffffff; padding: 85px 0px; background-color: #262626; background-size: cover; background-position: center center; text-align: center; }

    .page-title:before { position: absolute; content: ''; background: rgba(38, 38, 38, 0.82); top: 0; left: 0; width: 100%; height: 100%; }

    .page-title .outer-box { display: flex; align-items: center; justify-content: space-between; }

    .page-title h1 { position: relative; font-size: 52px; line-height: 1em; font-weight: 600; margin-bottom: 5px; letter-spacing: 1px; color: #ffffff; text-transform: capitalize; }

.bread-crumb { position: relative; padding: 15px 0; }

    .bread-crumb li { position: relative; display: inline-block; line-height: 30px; margin-left: 20px; color: #ffffff; font-size: 16px; font-weight: 600; text-transform: uppercase; }

        .bread-crumb li:before { content: '/'; position: absolute; right: -21px; top: 0px; width: 20px; text-align: center; line-height: 30px; }

        .bread-crumb li:first-child { margin-left: 0px; }

        .bread-crumb li:last-child:before { display: none; }

        .bread-crumb li a { color: #ffffff; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

            .bread-crumb li a:hover { color: #94c13d; }

    .bread-crumb span { margin-right: 10px; }

/*** 

====================================================================
	Error Page Section
====================================================================

***/

.error-page-section { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 170px 0; }

    .error-page-section .content-box { position: relative; display: block; text-align: center; left: 0; width: 100%; }

        .error-page-section .content-box .image { position: relative; margin-bottom: 30px; }

        .error-page-section .content-box h1 { position: relative; font-size: 70px; line-height: 1em; color: #222; font-weight: 700; margin-bottom: 20px; }

        .error-page-section .content-box h2 { position: relative; font-size: 30px; line-height: 1em; color: #222; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; }

        .error-page-section .content-box p { position: relative; display: block; font-size: 14px; line-height: 27px; color: #141414; font-weight: 500; margin-bottom: 20px; }

            .error-page-section .content-box p strong { font-weight: 600; font-size: 19px; }

    .error-page-section input[type="email"] { width: 100%; max-width: 300px; background: #51dc3c; line-height: 50px; padding: 0 20px; color: #222; }

    .error-page-section ::-webkit-input-placeholder { color: #222; }

    .error-page-section ::-moz-placeholder { color: #222; }

    .error-page-section :-ms-input-placeholder { color: #222; }

    .error-page-section :-moz-placeholder { color: #222; }


    .error-page-section button { position: relative; line-height: 50px; color: #222; font-size: 20px; text-align: center; width: 50px; vertical-align: middle; cursor: pointer; }

        .error-page-section button:hover { background: #51dc3c; color: #fff; }



/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container { position: relative; padding: 110px 0px 50px; }

    .sidebar-page-container .content-side,
    .sidebar-page-container .sidebar-side { margin-bottom: 40px; }

.sidebar-widget { position: relative; margin-bottom: 50px; }

.sidebar-title { position: relative; margin-bottom: 25px; }

    .sidebar-title h4 { position: relative; color: #222222; font-size: 18px; font-weight: 700; padding-bottom: 10px; text-transform: capitalize; font-family: 'Poppins', sans-serif; }

    .sidebar-title .separator { position: relative; width: 100%; height: 15px; margin-bottom: 20px; }

        .sidebar-title .separator:after { position: absolute; content: ''; left: 0px; top: 5px; width: 50px; height: 2px; background-color: #94c13d; }

        .sidebar-title .separator:before { position: absolute; content: ''; left: 0px; top: 5px; width: 100%; height: 2px; background-color: #ddd; }

        .sidebar-title .separator .dott { position: relative; width: 6px; height: 6px; top: -9px; border-radius: 50%; display: inline-block; background-color: #94c13d; }


/*Search Box Widget*/

.sidebar .search-box .form-group { position: relative; margin: 0px; }

    .sidebar .search-box .form-group input[type="text"],
    .sidebar .search-box .form-group input[type="search"] { position: relative; line-height: 33px; padding: 10px 50px 10px 20px; border: 1px solid #edf0f3; background: none; display: block; font-size: 14px; width: 100%; border-radius: 28px; height: 55px; font-style: italic; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; }

    .sidebar .search-box .form-group button { position: absolute; right: 0px; top: 0px; height: 55px; width: 55px; display: block; font-size: 18px; color: #94c13d; line-height: 100%; font-weight: normal; background: transparent; border-radius: 27.5px; cursor: pointer; }

/* Social link widget*/

.social-link-widget { position: relative; }

.social-link-block { position: relative; padding: 20px 30px; border: 1px solid #ebebeb; margin-bottom: 10px; }

    .social-link-block .inner-box { position: relative; padding-left: 40px; }

    .social-link-block .icon { position: absolute; left: 0; top: 0; font-size: 34px; color: #e23f5c; }

        .social-link-block .icon span.fa-facebook { color: #3b5796; }

        .social-link-block .icon span.fa-twitter-square { color: #55aded; }

    .social-link-block h5 { font-size: 16px; font-weight: 600; line-height: 1em; margin-bottom: 5px; }

    .social-link-block .meta-info { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #a9a9a9; font-weight: 600; line-height: 1em; }

/* Author widget*/

.author-widget { position: relative; }

    .author-widget .inner-box { position: relative; text-align: center; border: 1px solid #ebebeb; padding: 50px 30px; margin-bottom: 30px; }

    .author-widget .image { position: relative; margin-bottom: 25px; }

    .author-widget .text { margin-bottom: 25px; }

    .author-widget .social-link li { float: left; }

        .author-widget .social-link li a span { width: 70px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; color: #fff; }

    .author-widget .social-link .fa-google-plus-g { background: #db4a37; }

    .author-widget .social-link .fa-twitter { background: #55aded; }

    .author-widget .social-link .fa-facebook-f { background: #3b5796; }

    .author-widget .social-link .fa-pinterest { color: #bc0115; }

    .author-widget .social-link .fa-instagram { background: #e23f5c; }

/* Categories widget*/

.categories-widget .inner-box { position: relative; }

    .categories-widget .inner-box ul { position: relative; }

        .categories-widget .inner-box ul li { position: relative; border-bottom: 1px solid #ebebeb; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

            .categories-widget .inner-box ul li a { position: relative; padding: 15px 0; font-size: 15px; font-weight: 500; display: inline-block; color: #888; font-family: 'Poppins', sans-serif; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

/* Categories widget two*/

.categories-widget-two .inner-box { position: relative; padding: 25px 45px 40px; }

    .categories-widget-two .inner-box:before { position: absolute; content: ''; background: rgba(25, 37, 70, 0.9); left: 0; top: 0; width: 100%; height: 100%; }

    .categories-widget-two .inner-box ul { position: relative; }

        .categories-widget-two .inner-box ul li { position: relative; border-bottom: 1px solid #ebebeb91; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

            .categories-widget-two .inner-box ul li:last-child { border-bottom: 0px; }

            .categories-widget-two .inner-box ul li a { position: relative; padding: 15px 0; padding-left: 20px; font-size: 15px; font-weight: 500; display: inline-block; color: #fff; font-family: 'Poppins', sans-serif; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

                .categories-widget-two .inner-box ul li a:before { content: "\f105"; position: absolute; left: 0; top: 22px; line-height: 15px; color: #51dc3c; font-size: 16px; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; }


/* Testimonial widget */

.testimonial-widget { position: relative; }

    .testimonial-widget .inner-box { position: relative; padding: 64px 30px; text-align: center; background-repeat: no-repeat; background-size: cover; background-position: center; }

        .testimonial-widget .inner-box:before { position: absolute; content: ''; background: rgba(25, 37, 70, 0.85); left: 0; top: 0; right: 0; bottom: 0; }

    .testimonial-widget .quote { position: relative; font-size: 100px; line-height: 132px; width: 100px; height: 100px; text-align: center; background: rgba(255, 255, 255, 0.10); color: #fff; border-radius: 50%; font-weight: 800; font-family: 'Open Sans', sans-serif; margin: 0 auto; margin-bottom: 30px; }

    .testimonial-widget .text { position: relative; color: #fff; font-size: 18px; font-style: italic; }

/* Archive widget*/

.archive-widget .inner-box { position: relative; border: 1px solid #ebebeb; padding: 8px 30px; }

    .archive-widget .inner-box ul { position: relative; }

        .archive-widget .inner-box ul li { position: relative; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; border-bottom: 1px solid #ebebeb; }

            .archive-widget .inner-box ul li:last-child { border-bottom: 0px; }

            .archive-widget .inner-box ul li a { position: relative; font-size: 15px; font-weight: 500; padding: 16px 0px; color: #222; display: block; font-family: 'Poppins', sans-serif; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }


/*Post Widget*/

.sidebar .popular-posts .post { position: relative; font-size: 14px; color: #666666; padding: 0px 0px; padding-left: 129px; min-height: 120px; margin-bottom: 20px; border-bottom: 1px solid #ebebeb; padding-bottom: 16px; }

    .sidebar .popular-posts .post:last-child { margin-bottom: 0px; }

    .sidebar .popular-posts .post .post-thumb { position: absolute; left: 0px; top: 4px; width: 108px; }

        .sidebar .popular-posts .post .post-thumb a { position: relative; display: block; }

            .sidebar .popular-posts .post .post-thumb a:before { position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 10; background-color: rgba(23, 23, 23, 0.76); opacity: 0; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; }

    .sidebar .popular-posts .post:hover .post-thumb a:before { opacity: 1; }

    .sidebar .popular-posts .post .post-thumb img { display: block; width: 100%; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

    .sidebar .popular-posts .post h5 { position: relative; font-size: 17px; margin: 0px 0px 0px; font-weight: 600; color: #111; line-height: 1em; text-transform: capitalize; margin-bottom: 10px; }

        .sidebar .popular-posts .post h5 a { color: #222222; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

    .sidebar .popular-posts .post .text { line-height: 1.4em; margin-bottom: 10px; }

    .sidebar .popular-posts .post a,
    .sidebar .popular-posts .post a:hover { color: #94c13d; }

.sidebar .popular-posts .post-info { font-size: 12px; color: #222; font-weight: 600; margin-bottom: 6px; background: #f7f7f7; padding: 2px 15px; }

    .sidebar .popular-posts .post-info li { display: inline-block; margin-right: 15px; }

/*Popular Tags*/

.sidebar .popular-tags .inner-box { border: 1px solid #ebebeb; padding: 30px; }

.sidebar .popular-tags a { position: relative; display: inline-block; line-height: 24px; padding: 10px 19px 10px; margin: 2px 0px; color: #fff; text-align: center; font-size: 13px; font-weight: 600; text-transform: uppercase; background: #222; border: 1px solid #edf0f3; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; }

    .sidebar .popular-tags a:hover { border-color: #94c13d; background-color: #94c13d; color: #ffffff; }

/* Meta Tags */

.sidebar .meta-tags .inner-box { position: relative; padding: 30px; }

    .sidebar .meta-tags .inner-box:before { position: absolute; content: ''; background: rgba(25, 37, 70, 0.85); left: 0; top: 0; right: 0; bottom: 0; }

.sidebar .meta-tags li { display: block; }

.sidebar .meta-tags a { position: relative; display: inline-block; line-height: 24px; padding: 10px 15px 10px; margin: 2px 0px; color: #fff; text-align: center; font-size: 13px; font-weight: 600; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; }

    .sidebar .meta-tags a span { color: #51dc3c; }

    .sidebar .meta-tags a:before { content: "\f0dd"; position: absolute; left: -6px; top: 15px; line-height: 15px; color: #51dc3c; font-size: 16px; font-family: 'Font Awesome 5 Free'; transform: rotate(-90deg); font-style: normal; font-weight: 900; }

/* Contact widget */

.contact-info-widget li { position: relative; color: #222; font-size: 16px; padding-bottom: 20px; margin-bottom: 23px; padding-left: 70px; }

    .contact-info-widget li b { font-weight: 600; display: block; font-family: 'Poppins', sans-serif; }

    .contact-info-widget li span { margin-right: 15px; display: inline-block; color: #ffffff; position: absolute; left: 0; top: 4px; font-size: 16px; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; background: #94c13d; text-align: center; }

/* Brochure widget */

.brochure-widget { position: relative; }

    .brochure-widget .inner-box { position: relative; border: 1px solid #ebebeb; }

    .brochure-widget h4 { background: #192546; padding: 20px 20px; width: 100%; color: #fff; font-size: 18px; font-weight: 600; text-align: center; }

.brochure-block { position: relative; padding: 20px 30px; border-bottom: 1px solid #ebebeb; }

.brochure-block { position: relative; padding-left: 80px; }

    .brochure-block .icon { position: absolute; left: 50px; top: 19px; font-size: 22px; color: #51dc3c; }

        .brochure-block .icon span.fa-facebook { color: #3b5796; }

        .brochure-block .icon span.fa-twitter-square { color: #55aded; }

    .brochure-block h5 { font-size: 16px; font-weight: 600; line-height: 1em; margin-bottom: 5px; }

    .brochure-block .meta-info { font-family: 'Open Sans', sans-serif; font-size: 13px; color: #a9a9a9; font-weight: 600; line-height: 1em; }

/* request qute widget */

.request-quote-widget { position: relative; text-align: center; }

    .request-quote-widget h4 { color: #fff; font-size: 18px; font-weight: 600; text-align: center; margin-bottom: 20px; }

    .request-quote-widget .inner-box { position: relative; padding: 40px 30px 50px; text-align: center; background-size: cover; background-repeat: no-repeat; }

        .request-quote-widget .inner-box:before { position: absolute; content: ''; background: rgba(25, 37, 70, 0.5); left: 0; top: 0; right: 0; bottom: 0; }


/***

==================================================================
	Single service
==================================================================

***/

.single-service-post { position: relative; }

    .single-service-post .top-content .image img { border-radius: 10px; }

    .single-service-post h1 { position: relative; padding: 30px 0; font-weight: 600; }

        .single-service-post h1 .icon { font-size: 48px; padding-right: 25px; border-right: 1px solid #51dc3c; margin-right: 25px; line-height: 40px; color: #bbb; font-weight: 400; position: relative; top: 3px; }

    .single-service-post h3 { position: relative; font-weight: 600; margin-bottom: 15px; }

    .single-service-post .text { position: relative; margin-bottom: 30px; }

    .single-service-post .list-style-one li { font-size: 16px; margin-bottom: 10px; }

        .single-service-post .list-style-one li:before { position: absolute; content: "\f0a9"; color: #51dc3c; }

/***

==================================================================
	Main Footer
==================================================================

***/

.main-footer { position: relative; background-color: #192546; background-repeat: no-repeat; background-position: center center; color: #ffffff; }

    .main-footer .widgets-section { position: relative; padding: 194px 0px 60px; }

    .main-footer .footer-column { position: relative; }

    .main-footer .footer-widget { position: relative; margin-bottom: 30px; }

    .main-footer .footer-logo { position: relative; margin-bottom: 25px; }

        .main-footer .footer-logo img { display: block; max-width: 100%; }

    .main-footer .footer-column .widget-title { position: relative; font-size: 18px; font-weight: 600; text-transform: capitalize; margin-top: -5px; margin-bottom: 35px; padding-bottom: 25px; color: #ffffff; }

        .main-footer .footer-column .widget-title:before { position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background-color: #ffffff54; content: ""; }

        .main-footer .footer-column .widget-title:after { position: absolute; left: 0; bottom: 0; height: 2px; width: 40px; background-color: #ffffff; content: ""; }

    .main-footer .about-widget .text { font-size: 16px; color: #cccccc; font-weight: 300; font-family: "Lato", sans-serif; margin-bottom: 23px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding-bottom: 20px; }

    .main-footer .social-icon-three { position: relative; display: block; margin: 0 -8px; margin-top: 20px; }

        .main-footer .social-icon-three li { position: relative; display: inline-block; margin-right: 7px; }

            .main-footer .social-icon-three li a { position: relative; display: inline-block; height: 34px; width: 34px; background: transparent; color: #ffffff; text-align: center; padding: 5px 0; line-height: 24px; font-size: 14px; margin-right: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

                .main-footer .social-icon-three li a:hover { color: #51dc3c; }


    /*=== Services Widget ===*/
    .main-footer .services-widget { position: relative; }

        .main-footer .services-widget .list li { position: relative; display: block; margin-bottom: 7px; }

            .main-footer .services-widget .list li a { position: relative; display: inline-block; font-size: 15px; padding-left: 15px; line-height: 20px; color: #ccc; text-transform: capitalize; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

                .main-footer .services-widget .list li a:hover { color: #51dc3c; }

            .main-footer .services-widget .list li:last-child { margin-bottom: 0; }

            .main-footer .services-widget .list li a:before { content: "\f0dd"; position: absolute; left: -6px; top: 3px; line-height: 15px; font-size: 16px; font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; transform: rotate(-90deg); }

    /*=== posts Widget ===*/
    .main-footer .posts-widget { position: relative; margin-left: 40px; padding-right: 30px; }

        .main-footer .posts-widget .post { position: relative; min-height: 80px; padding-left: 110px; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); padding-bottom: 39px; }

            .main-footer .posts-widget .post:last-child { margin-bottom: 0px; border-bottom: 0px; }

            .main-footer .posts-widget .post .post-thumb { position: absolute; left: 0px; top: 0px; height: 85px; width: 85px; }

                .main-footer .posts-widget .post .post-thumb .overlay-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(81, 220, 60, 0.85); color: #ffffff; opacity: 0; transition: all 300ms ease; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; }

            .main-footer .posts-widget .post:hover .post-thumb .overlay-link { opacity: 1; }

            .main-footer .posts-widget .post .post-thumb .overlay-link span { position: absolute; left: 50%; top: 50%; text-align: center; width: 30px; margin-left: -15px; margin-top: -15px; line-height: 30px; font-size: 14px; }

            .main-footer .posts-widget .post .post-thumb img { display: block; width: 100%; }

            .main-footer .posts-widget .post .desc-text { position: relative; color: #ccc; }

                .main-footer .posts-widget .post .desc-text a { position: relative; display: inline-block; font-size: 16px; color: #ffffff; line-height: 24px; font-weight: 400; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }

                    .main-footer .posts-widget .post .desc-text a:hover { color: #ffffff; }

            .main-footer .posts-widget .post .time { position: relative; display: inline-block; color: #51dc3c; font-size: 12px; font-weight: 500; line-height: normal; margin-top: 5px; font-family: 'Poppins', sans-serif; }


    /*=== Contact Widget ===*/
    .main-footer .contact-info-list li { position: relative; display: block; font-size: 16px; padding-left: 30px; line-height: 24px; color: #cccccc; margin-bottom: 15px; font-family: 'Lato', sans-serif; font-weight: 300; }

        .main-footer .contact-info-list li a { color: inherit; display: inline-block; }


        .main-footer .contact-info-list li i { position: absolute; left: 0; top: 5px; }

    /*=== Footer Bottom ===*/

    .main-footer .footer-bottom { position: relative; padding: 20px 0px 5px; text-align: center; background: #121b33; }

        .main-footer .footer-bottom p { line-height: 30px; color: #cccccc; font-size: 15px; font-weight: 400; }

            .main-footer .footer-bottom p a { color: #51dc3c; }

                .main-footer .footer-bottom p a:hover { text-decoration: underline; }

        .main-footer .footer-bottom ul li { display: inline-block; padding: 0px 20px; border-right: 1px solid rgba(255, 255, 255, 0.32); }

            .main-footer .footer-bottom ul li:last-child { border: 0px; padding-right: 0px; }

            .main-footer .footer-bottom ul li a { font-size: 16px; color: #ccc; }